<template>
	<view class="container">
		<!-- <view :style=" {display:truexianshi,position:truexianshizt}" -->
		<view style="
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 20rpx;
      " v-if="seedingArr.length > 0 && taskSuccessTotal > 0">
			<my-swiper :list="seedingArr"></my-swiper>
		</view>
		<view class="head-progress" v-show="!taskSuccessTotal">
			<view class="strip">
				<!-- 第二层进度条的颜色 -->
				<view class="blue" :style="{ width: progress + '%' }">
					<!-- （进度条显示的图片  样式：根据父元素进行相对定位 ，本身绝对定位 ） -->
					<image src="/static/correctingIssue/progress3.gif" class="proImg"
						:style="'left:' + (progress - 10) + '%'">
					</image>
					<!-- 显示是否正在输入是否可发布 -->
					<view class="text" :style="'left:' + (progress - 10) + '%'">
						<text v-show="!(isNextFillin && isFillin)">正在输入</text>
						<text v-show="type != 'bohui' && isNextFillin && isFillin">可发布</text>
					</view>
				</view>
			</view>
			<view class="next">
				<!-- 首次进入进度条的下一步图片 -->
				<image v-if="!isFillin" class="nextImg" src="/static/correctingIssue/nextslices/next2.png"></image>
				<image v-show="isFillin" class="nextImg" src="/static/correctingIssue/nexttrye/nexttrue2.png"></image>
				<view class="next-head" style="width: 120rpx"><text>下一步</text></view>
			</view>
			<view class="next nexttwo">
				<!-- 首次进入进度条的图片 -->
				<image v-show="!isFillin || !isNextFillin" class="nextImg"
					src="/static/correctingIssue/nextslices/next2.png">
				</image>
				<image v-show="type != 'bohui' && isNextFillin && isFillin" class="nextImg"
					src="/static/correctingIssue/nexttrye/nexttrue2.png">
				</image>
				<view class="next-head-fabu" style="width: 120rpx"><text>发布</text></view>
			</view>
		</view>
		<view v-show="!isShowNextPage">
			<!-- <view class="title">职业信息</view> -->
			<!-- 基本信息 -->
			<view class="base-info">
				<view class="item" style="border-radius: 24rpx 24rpx 0 0">
					<text class="leftText">标题</text>
					<input class="selcetSex1" maxlength="10" type="text" id="titleText" v-model="task.name"
						:placeholder="`如“${placeholderText}”`"
						placeholder-style="color: #ABABAB;font-size: 28rpx;font-weight: 500;line-height: 45rpx;"
						@focus="handleName($event)" @input="handleNameInput"
						style="margin-left: 50rpx; letter-spacing: 2rpx" />
				</view>
				<view class="item" style="border-radius: 0 0 24rpx 24rpx">
					<view style="display: flex; flex-direction: row">
						<text class="leftText">人数</text>
						<!-- 0 未购卡 -->
						<!-- v-if="ykName!='0'&&(ykName!='体验卡'?true:ykCount>=task.number?true:false)&&isLevelsd!=2" -->
						<view v-if="getGuoqi">
							<view class="yk_count" v-if="isLevelsd != 2" @click="goToBuyJiayou()">
								<!-- 		{{ ykName == "0"
                    ? `${levelNubmer}人次`
                    : ykCount >= task.number
                    ? ykName + ykCount + "人次"
                    : `${levelNubmer2}人次`
                }} -->
								{{ ykName + ykCount + "人次" }}
							</view>
						</view>
						<view v-else>
							<view class="yk_count" @click="goToBuyJiayou()">
								{{ `${levelNubmer2}人次` }}
							</view>
						</view>
					</view>
					<!-- <view class="">{{getGuoqi}}</view> -->
					<view class="renshu">
						<image v-show="task.number != minNumber" src="../../../static/icon1/-.png" mode="aspectFill"
							@click="addNumber(false)"></image>
						<image v-show="task.number == minNumber" src="../../../static/icon1/-no.png" mode="aspectFill">
						</image>
						<input v-model="task.number" maxlength="2" type="number" @input="inputNumber()"
							:class="task.number == 0 ? 'isred' : ''" style="width: 50rpx" />
						<!-- <text>{{task.number}}</text> -->
						<image src="../../../static/icon1/+.png" mode="aspectFill" @click="addNumber(true)">
						</image>
					</view>
				</view>
			</view>
			<view class="base-info">
				<view class="item" style="border-radius: 24rpx 24rpx 0 0">
					<text class="leftText">性别</text>
					<view class="selcetSex1">
						<!-- <view :class="task.sex==2 ? 'selected1' : 'select1'" @click="task.sex=2">
							<text>{{sexList[0]}}</text>
						</view> -->
						<view :class="task.sex == 0 ? 'selected1' : 'select1'" @click="task.sex = 0">
							<text>{{ sexList[1] }}</text>
						</view>
						<view :class="task.sex == 1 ? 'selected1' : 'select1'" @click="task.sex = 1">
							<text>{{ sexList[2] }}</text>
						</view>
						<view :class="task.sex == 2 ? 'selected1' : 'select1'" @click="task.sex = 2">
							<text>{{ sexList[0] }}</text>
						</view>
						<!-- <view :class="task.sex==0 ? 'selected' : 'select'" @click="task.sex=0"></view>
						<text>{{sexList[1]}}</text>
						<view :class="task.sex==1 ? 'selected' : 'select'" @click="task.sex=1"></view>
						<text>{{sexList[2]}}</text> -->
					</view>
				</view>
				<view class="item" @click="isShowselectJobAge = !isShowselectJobAge">
					<view><text class="leftText">用工年龄</text></view>
					<view class="rightAddDiv"><text class="rightAddText" style="color: #402110">{{ showSelectJobAgeOK() || `${task.ageMin}-${task.ageMax}`
            }}</text>
						<image src="../../../static/icon1/ageseelect.png" mode="aspectFill"></image>
					</view>
				</view>
				<view class="item" style="border-radius: 0 0 24rpx 24rpx">
					<view><text class="leftText">时间</text><text class="calcOkTime">{{ getValueList["interval"]
                ? "(" + Math.round(getValueList["interval"] * 10) / 10 + "小时)"
                : ""
            }}</text></view>
					<view class="jobTimeStartEnd">
						<dateSelect v-model="dateTime" @getValue="getValue"></dateSelect>
						<u-icon name="arrow-right"></u-icon>
					</view>
				</view>
			</view>
			<view class="base-info">
				<view class="item" style="border-radius: 24rpx 24rpx 0 0">
					<view style="width: 470rpx; padding-left: 20rpx"><text
							style="word-wrap: break-word; word-break: break-all">{{ task.address
            }}</text>
					</view>
					<!-- <view v-if="!task.address" class="rightAddDiv"> -->
					<zb-tooltip v-if="historyLocationFlag" ref="tooltip" @hanle1Click="showTemp" placement="top"
						:content="historyLocation" color="#f9ae3d" :visible="workTime > 0 && historyLocation != ''">
					</zb-tooltip>
					<view class="rightAddDiv">
						<text class="rightAddText" @click="handleMap" style="font-weight: bold">更换地址</text>
						<image src="../../../static/icon1/addSelect.png" mode="aspectFill"></image>
					</view>
					<!-- <view v-if="task.address" class="rightAddDiv" style="margin-left: 80rpx;">
						<text class="rightAddDiv" style="color: #402110;margin-right: 30rpx;"
							@click="handleMap">{{ task.address.split('·').join(' ') }}</text>
					</view> -->
				</view>
				<view class="completeAddress" style="border-radius: 0 0 24rpx 24rpx">
					<textarea cursor-spacing="20" auto-height="true" maxlength="52" v-model="ShowAdd"
						@focus.stop="focus_input()" @blur="hanleInfokj" :focus="detailAddressFocus"
						:style="{ color: ShowAdd != '' ? '#402110' : '#ABABAB' }" placeholder="详细地址，如“1号楼3单元101”"
						@input="testgetFillin"></textarea>
					<view style="width: 94%; margin: 0 auto">
						<u-alert fontSize="28" v-show="showS && historyAddress != ''" @click="hanleInfokj2"
							type="warning" effect="dark" :closable="showS" :description="historyAddress"></u-alert>
					</view>
				</view>
			</view>
			<view class="moreInfo" @click="isShowMoreInfo = !isShowMoreInfo">
				<text style="padding-left: 20rpx">更多信息</text>
				<!-- <text>（选填）</text> -->
				<image src="../../../static/icon1/moreinfoSeelect.png" mode="aspectFill" :style="{
            transform: isShowMoreInfo ? 'rotateX(180deg)' : 'rotateX(0deg)',
          }"></image>
			</view>
			<view class="base-info" v-if="isShowMoreInfo">
				<view class="item" style="border-radius: 24rpx">
					<text class="leftText">电话</text>
					<input type="number" maxlength="11" v-model="task.telephone" placeholder="请填写联系电话"
						placeholder-style="color: rgba(64,33,16,0.50);" />
				</view>
			</view>
		</view>
		<!--  -->
		<view v-show="isShowNextPage">
			<view class="base-info">
				<view class="item" style="border-radius: 24rpx 24rpx 0 0">
					<text class="leftText">方式</text>
					<view class="selcetSex1" style="width: 55%">
						<view class="select1" style="background: none">
							<text></text>
						</view>
						<view style="width: 125rpx; font-weight: bold"
							:class="task.taskType == 1 ? 'selected1' : 'select1'" @click="changeTaskType('1')">
							<text>计件</text>
						</view>
						<view style="width: 125rpx; font-weight: bold"
							:class="task.taskType == 0 ? 'selected1' : 'select1'" @click="changeTaskType('0')">
							<text>计时</text>
						</view>
					</view>
				</view>
				<view class="item" v-show="task.taskType == 1" v-if="false">
					<view class="minimumWageInfo-view"><text class="leftText">保底工资 ({{ minimumWage }}元/小时)</text>
						<image @click="isShowbaodiInfo = true" class="minimumWageInfo-image"
							src="@/static/icon3/explain-ps-text-jinpai.png" mode="aspectFill"></image>
					</view>
					<view class="selcetSex">
						<view :class="isMinimumWage == true ? 'selected' : 'select'"
							@click="isMinimumWage = !isMinimumWage"></view>
					</view>
				</view>
				<!-- 新增 -->
				<view class="item" v-show="task.taskType == 1" v-if="true" style="height: 98rpx">
					<view class="minimumWageInfo-view">
						<text class="leftText">保底</text>
						<text style="font-size: 20rpx; color: #fe4b28">(非必选)</text>
						<image @click="isShowbaodiInfo = true" class="minimumWageInfo-image"
							src="@/static/icon3/explain-ps-text-jinpai.png" mode="aspectFill"></image>
					</view>
					<view class="selcetSex1" style="width: 57%">
						<view :class="isBaodiChange == 1 ? 'selected3' : 'select3'" @click="baodiChange(1, maxObj.min)">
							<text style="font-size: 26rpx">{{ maxObj.min }} 元/时</text>
						</view>
						<view :class="isBaodiChange == 2 ? 'selected3' : 'select3'"
							@click="baodiChange(2, maxObj.medium)">
							<text style="font-size: 26rpx">{{ maxObj.medium }} 元/时</text>
						</view>
						<view :class="isBaodiChange == 3 ? 'selected3' : 'select3'" @click="baodiChange(3, maxObj.max)">
							<text style="font-size: 26rpx"> {{ maxObj.max }}元/时</text>
							<!-- {{formBaodi[2]}} -->
						</view>
					</view>
				</view>
				<view class="item">
					<text class="leftText">工价</text>
					<input v-if="task.taskType == 0" class="gongjia" type="digit" v-model="task.reward" @input="reward"
						style="text-align: center" placeholder="" placeholder-style="width: 108rpx; 
									height: 68rpx;color: #ABABAB;font-size: 28rpx;font-weight: bold;line-height: 45rpx;" />
					<input v-if="task.taskType == 1" class="gongjia" type="digit" v-model="task.jijian" @input="reward"
						style="text-align: center" placeholder="" placeholder-style="width: 108rpx;
													height: 68rpx;color: #ABABAB;font-size: 28rpx;font-weight: bold;line-height: 45rpx;" />
					<text style="
              margin-right: 30rpx;
              color: #402110;
              font-size: 28rpx;
              font-weight: 500;
              line-height: 45rpx;
            ">元</text>
				</view>
			</view>
			<view class="RecommendedItem2" style="border-radius: 0 0 24rpx 24rpx" v-show="task.taskType == 0">
				<view class="RecommendedBar" style="margin-top: 0">
					<view class="progressMove" :style="{
              '--end2': `${
                ((maxObj.reckonTimeMiddleUpper - maxObj.reckonTimeMiddleLower) /
                  (maxObj.reckonTimeMax - maxObj.reckonTimeMin) +
                  (maxObj.reckonTimeMax - maxObj.reckonTimeMiddleUpper) /
                    (maxObj.reckonTimeMax - maxObj.reckonTimeMin)) *
                100
              }%`,
              '--end3': `${
                ((maxObj.reckonTimeMax - maxObj.reckonTimeMiddleUpper) /
                  (maxObj.reckonTimeMax - maxObj.reckonTimeMin)) *
                100
              }%`,
            }">
						<view class="pimg-next pimg-next-w">
							<text>￥{{ maxObj.reckonTimeMin }}</text>
						</view>
						<view class="pimg-next pimg-next-t">
							<text>￥{{ maxObj.reckonTimeMiddleLower }}</text>
						</view>
						<view class="pimg-next pimg-next-s">
							<text>￥{{ maxObj.reckonTimeMax }}</text>
						</view>
						<view class="wages" @touchstart="progressTouchStart" @touchmove="progressTouchMove"
							@touchend="progressTouchEnd" :style="{ left: widthMove + 'rpx' }">
							<view class="wages-color" :style="{
                  '--bg': `${
                    task.reward < maxObj.reckonTimeMiddleLower
                      ? '#FC491E'
                      : task.reward <= maxObj.reckonTimeMiddleUpper
                      ? '#FCB726'
                      : task.reward > maxObj.reckonTimeMiddleUpper
                      ? '#509900'
                      : ''
                  }`,
                }" :class="`${
                  task.reward < maxObj.reckonTimeMiddleLower
                    ? 'wages-r'
                    : task.reward <= maxObj.reckonTimeMiddleUpper
                    ? 'wages-h'
                    : task.reward > maxObj.reckonTimeMiddleUpper
                    ? 'wages-z'
                    : ''
                }`">
								{{ moveText }}
							</view>
							<image class="p-img" v-show="
                  task.reward < maxObj.reckonTimeMiddleLower ? true : false
                " style="width: 32rpx; height: 32rpx" src="/static/correctingIssue///red.png" mode="">
							</image>
							<image class="p-img" v-show="
                  task.reward <= maxObj.reckonTimeMiddleUpper &&
                  task.reward >= maxObj.reckonTimeMiddleLower
                    ? true
                    : false
                " style="width: 32rpx; height: 32rpx" src="/static/correctingIssue//yellow.png" mode="">
							</image>
							<image class="p-img" v-show="
                  task.reward > maxObj.reckonTimeMiddleUpper ? true : false
                " style="width: 32rpx; height: 32rpx" src="/static/correctingIssue//green.png" mode="">
							</image>
						</view>
					</view>
				</view>
			</view>
			<view class="new-g-w" style="border-radius: 0 0 24rpx 24rpx">
				<view class="new-g-w-p" v-if="newMsk" @click="newMsk = false">
					<image src="http://images.linglinggong.net/FjGSIa19Yir5xl4IwiKUk2CEozYE" mode="widthFix">
					</image>
				</view>
				<view class="gwyq-checkbox" style="border-radius: 24rpx 24rpx 0 0">
					<view v-if="gwyqCheckboxItem" :class="
              gwyqCheckboxItemSelected.includes(`#${item}#`)
                ? 'gwyq-checkbox-item-selected'
                : 'gwyq-checkbox-item'
            " @click="gwyqCheckboxItemClick(item)" v-for="item in gwyqCheckboxItem">{{ item }}</view>
				</view>
				<view style="
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            background: #ffffff;
          ">
					<textarea class="post-content" maxlength="50" v-model="task.taskContent" @input="taskContentInput"
						:placeholder="
              task.taskType == '0'
                ? '可以继续补充要求，内容请不要包含任何通讯类信息~'
                : '计件任务，请上传视频并填写岗位要求(必填); 但不要包含任何通讯信息～'
            " :class="" placeholder-style="'font-size': '28rpx','font-weight': '500','line-height': '45rpx'"
						:placeholder-class="task.taskType == 0 ? 'color1' : 'color2'"></textarea>
				</view>
				<!-- 岗位图片 -->
				<view class="post-pics">
					<view v-for="(picture, index) in pictureList" :key="index">
						<image class="close" src="/static/icon2/06.png" mode="aspectFill" @click="handleDelete(index)">
						</image>
						<image class="picture" :src="imgPath + picture" mode="aspectFill"></image>
					</view>
					<view v-if="pictureList.length < 5 || !task.taskVideo">
						<image src="/static/wgc_icon/17.png" mode="aspectFill" @click="handleUpload"></image>
					</view>
				</view>
				<!-- 岗位视频 -->
				<view class="post-video" style="border-radius: 0 0 24rpx 24rpx" v-show="!isShowPay">
					<view v-if="task.taskVideo">
						<video :src="imgPath + task.taskVideo">
							<cover-view :class="showYkJianmian && 'coverview'"> </cover-view>
						</video>
						<view class="deleteVideo" @click="handleDeleteVideo" style="flex-shrink: 0">删除视频</view>
					</view>
				</view>
			</view>
			<view class="miandarao">
				<view class="miandarao-info">
					<text>无需电话沟通，直接上门服务</text>
					<!-- <text>雇员接单时,将不会电话沟通,直接上门服务</text> -->
				</view>
				<view class="miandarao-button" :class="task.disturbstatus == 1 ? 'miandarao-button-selected' : ''"
					@click="handleSt">
					<view class="miandarao-button-switch"></view>
				</view>
			</view>
			<view class="youxian-content" v-if="isOpenYouxian">
				<view class="youxian">
					<view v-show="!isYouxian" class="radio" @click="isYouxian = true">
					</view>
					<image v-show="isYouxian" @click="isYouxian = false" src="/static/newMy/radio.png" mode=""></image>
					<text>优先推送给我收藏与好评过的零工</text>
				</view>
				<view class="sanjiao" v-if="isQipao"> </view>
				<view class="youxian-qipao" v-if="isQipao" @click="isQipao = false"> 优先通知您的收藏零工接单 </view>
			</view>
		</view>
		<!-- 发布 -->
		<!-- <view class="hg-30"></view>     -->
		<view v-show="!isShowNextPage" @click="isFillin ? setNavTabButtonText() : getFillinRemind()"
			:class="[isFillin ? 'nextPage' : 'nextPageNofill']"> 下一步</view>
		<view :class="[isNextFillin ? 'nextPage' : 'nextPageNofill']" v-show="type != 'bohui' && isShowNextPage"
			@click="isNextFillin ? hesuanFaBu(0) : fabuClick()">
			{{ `${
          this.task.taskType == 0
            ? this.task.reward + "元/时"
            : this.task.jijian + "元/件"
        } 确认发布`
      }}
		</view>
		<view :class="[isNextFillin ? 'nextPage' : 'nextPageNofill']" v-show="type == 'bohui' && isShowNextPage"
			@click="isNextFillin ? hesuanFaBu(1) : ''">重新发布 </view>
		<view style="height: 73rpx"></view>
		<!-- 年龄选择弹窗 ma-->
		<view class="showTjjgMask" v-show="isShowselectJobAge" @touchmove.stop.prevent="moveHandle">
			<view class="selectJobAge">
				<view class="selectJobAge-header">
					<text>年龄选择</text>
				</view>
				<view class="selectJobAge-tip">
					<view class="selectJobAge-content" v-show="tipMove !== '高' && rightage - leftage > 15"> 年龄范围
						<text>{{ (tipMove == "极低" && "极小") || (tipMove == "较低" && "较小")
            }}</text>，成功率 <text :class="['极低', '较低'].includes(tipMove) && 'bgRed'">{{ tipMove
            }}</text>
					</view>
					<view class="selectJobAge-content">
						<text v-show="rightage - leftage <= 15">年龄范围需大于15岁</text>
					</view>
				</view>
				<view class="selectJobAge-body">
					<view class="timer">
						<!-- 时间线 -->
						<view class="timer-line">
							<!-- 滑动块  右边-->
							<view class="timer-line-tip3" @touchstart.stop="ageTouchStart"
								@touchmove.stop="ageTouchMove" @touchend.stop="ageTouchEnd"
								:style="{ left: ageWidth - 15 + 'rpx' }">
								<!-- 划到的地方显示的对应的年龄 -->
								<uni-icons type="forward" size="13" :color="
                    ageWidth <= 102
                      ? '#FC491E'
                      : ageWidth > 102 && ageWidth <= 359
                      ? '#FCB726'
                      : ageWidth > 359 && ageWidth <= 594
                      ? '#509900'
                      : '#509900'
                  "></uni-icons>
								<view class="timer-line-tip3-tip1" :style="{
                    '--bg': `${
                      ageWidth <= 102
                        ? '#FC491E'
                        : ageWidth > 102 && ageWidth <= 359
                        ? '#FCB726'
                        : ageWidth > 359 && ageWidth <= 594
                        ? '#509900'
                        : '#509900'
                    }`,
                  }">
									<view class="">
										{{ rightage }}
									</view>
								</view>
							</view>
							<!-- 左边 -->
							<view class="timer-line-tip4" @touchstart.stop="ageTouchStart2"
								@touchmove.stop="ageTouchMove2" @touchend.stop="ageTouchEnd2"
								:style="{ left: ageWidth2 + 'rpx' }">
								<!-- 划到的地方显示的对应的年龄 -->
								<uni-icons type="back" size="13" :color="
                    ageWidth <= 102
                      ? '#FC491E'
                      : ageWidth2 > 102 && ageWidth2 <= 359
                      ? '#FCB726'
                      : ageWidth2 > 359 && ageWidth2 <= 594
                      ? '#509900'
                      : '#FC491E'
                  "></uni-icons>
								<view class="timer-line-tip4-tip2" :style="{
                    '--bg2': `${
                      ageWidth <= 102
                        ? '#FC491E'
                        : ageWidth2 > 102 && ageWidth2 <= 359
                        ? '#FCB726'
                        : ageWidth2 > 359 && ageWidth2 <= 594
                        ? '#509900'
                        : '#FC491E'
                    }`,
                  }">
									<view class="">
										{{ leftage }}
									</view>
								</view>
							</view>
						</view>
						<!-- 下面的年龄 -->
						<view class="timer-number">
							<view v-for="(v, i) in ageList">
								{{ v }}
							</view>
						</view>
					</view>
				</view>
				<view class="btnAge">
					<view @click="isShowselectJobAge = false">取消</view>
					<view :style="{
              color: rightage - leftage <= 15 ? '#FFFFFF' : '#262626',
              background: rightage - leftage <= 15 ? '#A5A5A5' : '#FCC928',
              boxShadow:
                rightage - leftage <= 15
                  ? 'none'
                  : '2rpx 12rpx 24rpx 2rpx rgba(252, 201, 40, 0.4)',
            }" @click="
              rightage - leftage <= 15 ? '' : selectJobAgeOK(isSelectJobAge)
            ">确定</view>
				</view>
			</view>
		</view>
		<!-- 推荐价格弹窗 -->
		<view class="showTjjgMask" v-show="isShowtjjg" @touchmove.stop.prevent="moveHandle">
			<view class="showTjjg">
				<text class="showTjjgText">工价推荐</text>
				<text class="showTjjgWorkTimeText">工时{{ workTime }}小时，为您推荐以下工价</text>
				<view :style="{
            backgroundColor: task.reward >= competitives[2] ? '#cff2cc' : '',
          }" class="showTjjgView-gao" @click="(task.reward = competitives[2]), (isShowtjjg = false)">
					<view class="tuijian">秒接单</view>
					<view>
						<text>￥</text>
						<text>{{ competitives[2] }}</text>
						<text>工价竞争力</text>
						<text>高</text>
					</view>
				</view>
				<view :style="{
            'background-color':
              competitives[2] > task.reward && task.reward > competitives[0]
                ? '#fff0d3'
                : '',
          }" class="showTjjgView-zhong" @click="(task.reward = competitives[1]), (isShowtjjg = false)">
					<view>
						<text>￥</text>
						<text>{{ competitives[1] }}</text>
						<text>工价竞争力</text>
						<text>中</text>
					</view>
				</view>
				<view :style="{
            'background-color': task.reward <= competitives[0] ? '#ffdad6' : '',
          }" class="showTjjgView-di" @click="(task.reward = competitives[0]), (isShowtjjg = false)">
					<view>
						<text>￥</text>
						<text>{{ competitives[0] }}</text>
						<text>工价竞争力</text>
						<text>低</text>
					</view>
				</view>
			</view>
			<image @click="isShowtjjg = false" style="margin-top: 40rpx; width: 68rpx; height: 68rpx"
				src="/static/icon1/07.png" mode="aspectFill"></image>
		</view>
		<u-popup :show="isShowHesuan" mode="center" :closeOnClickOverlay="true" bgColor="rgba(0,0,0,0)">
			<view class="he-suan">
				<view class="he-suan-box">
					<view class="he-suan-box-top">
						<view class="he-suan-box-top-left" @click="hanldIndexClick(1)"
							:class="[styleType == 1 ? 'he-suan-box-top-left2' : '']">
							<text>24小时</text>
						</view>
						<view class="he-suan-box-top-left" @click="hanldIndexClick(2)"
							:class="[styleType == 2 ? 'he-suan-box-top-left2' : '']">
							<text>48小时</text>
						</view>
					</view>
					<view class="he-suan-box-bottom">
						<view class="he-suan-box-bottom-left" @click="hesuanFaBu2('no')"> 不需要 </view>
						<view @click="hesuanFaBu2('yes')" class="he-suan-box-bottom-left"
							style="color: #fff; background: #36d7a5; padding: 2rpx 2rpx"> 立即发布 </view>
					</view>
				</view>
			</view>
		</u-popup>
		<!-- 工作名称弹框 -->
		<view :class="isApple ? 'task-name-modal-apple' : 'task-name-modal'" v-show="screenFlag">
			<!-- 遮罩层 -->
			<view class="mask" :class="screenFlag ? 'show' : ''" @touchmove.stop.prevent="moveHandle"
				@click="hideModal">
			</view>
			<!-- 白色筛选框 -->
			<view class="screen" @touchmove.stop.prevent="moveHandle"
				:style="{ top: seedingArr.length > 0 ? '' : '190rpx' }">
				<!--  -->
				<view class="filter-screen" :class="screenFlag ? 'show' : ''">
					<view style="width: 100%">
						<view class="task-title" style="margin-top: 20rpx">发布历史</view>
						<view class="task-div">
							<view class="task-div-inner" v-for="(item, index) in myTasks" :key="index"
								@click="handleGetName(item)">
								<view class="task-content1">
									<text>{{ item }}</text>
								</view>
							</view>
						</view>
						<view class="task-title" style="
                margin-top: 40rpx;
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-right: 30rpx;
              ">
							<text>热门任务</text>
							<view style="
                  display: flex;
                  justify-content: center;
                  align-items: center;
                " @click="changeNext">
								<u-icon color="#CECECE" name="reload"></u-icon>
								<text style="font-size: 24rpx; color: #cecece; margin-left: 6rpx">换一批</text>
							</view>
						</view>
						<view class="task-div" style="
                flex-wrap: wrap;
                height: 160rpx;
                overflow: hidden;
                display: flex;
                align-items: flex-start;
              ">
							<view class="task-div-inner" style="margin-bottom: 40rpx; margin-top: 4rpx"
								v-for="(item, index) in hotTasks" :key="index" @click="handleGetName(item.name)">
								<view class="task-content1">
									<view class="task-content1-hot" v-if="item.isHot">
										<text>热</text>
									</view>
									<text>{{ item.name }}</text>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="baodimask" @touchmove.stop.prevent v-show="isShowbaodiInfo" @click="isShowbaodiInfo = false">
			<view class="baodimask-alert">
				<image class="baodimask-alert-close" @click="isShowbaodiInfo = false" src="@/static/icon3/gb.png"
					mode="aspectFill"></image>
				<view class="baodimask-alert-content">
					<image class="baodimask-alert-content-alertimage" src="../../../static/icon3/213123.png"
						mode="aspectFill"></image>
					<view class="baodimask-alert-content-text">根据《劳工法》最新规定，平台使用当地最低工价推出保底服务。</view>
					<view @click="isShowbaodiInfo = false" class="baodimask-alert-content-buton">知道了</view>
				</view>
			</view>
		</view>
		<showModalButton v-if="isShowTaskDrafts" :modalText1="'使用上次未完成的发布草稿吗？'" :modalText2="''"
			:buttonLeftText="'重新发布'" :buttonRightText="'使用草稿'" :modalTextSize="'32rpx'"
			@clickLeft="isShowTaskDraftsClick(false)" @clickRight="isShowTaskDraftsClick(true)">
		</showModalButton>
		<jobPay v-if="isShowPay" :get-task-id="newTaskId" @closePayPage="isShowPay = false"></jobPay>
		<!-- 	<timeSelect v-if="isShowTimeSelect" @close="isShowTimeSelect = false" :timeFlag="timeFlag"
			@getTaskTime="getTaskTime"></timeSelect>
		<XinRenFaDan></XinRenFaDan> -->
		<!-- 信息补充 -->
		<!-- 	<GuZhuXinXiBuChong :RealName="RealName"></GuZhuXinXiBuChong> -->
		<realNameC ref="popup"></realNameC>
		<!-- 键盘 -->
		<cover-view class="yk-jianmian" v-if="showYkJianmian">
			<cover-image class="image" src="@/static/icon1/sadsadsadas.png" mode="aspectFill"
				@load="showYkJianmianTime = 3">
			</cover-image>
			<cover-view class="yk-jianmian-title">发布成功</cover-view>
			<cover-view class="yk-jianmian-cardNumber">消耗抵用{{ num }}次，还剩{{ userinfo.cardNumber }}次</cover-view>
			<cover-view class="showYkJianmianTime">({{ showYkJianmianTime + "S" }})</cover-view>
		</cover-view>
	</view>
</template>
<script>
	import {
		isTaskTomorrow,
		getMonthCardInfo_card_list
	} from "@/libs/unit.js";
	import permision from "@/common/permission.js";
	// import GuZhuXinXiBuChong from '@/components/Information-supplement/GuZhuXinXiBuChong.vue'
	import findKey from "@/libs/find-key.js";
	import format from "@/libs/day-format.js";
	import md5 from "@/store/md5.js";
	import jobPay from "../send-job-pay/send-job-pay-new.vue";
	import recommendSalary from "../../../store/recommendSalary.js";
	import timeSelect from "@/components/time-issue/time-issue.vue";
	import showModalButton from "../../../components/showModalButton/showModalButton.vue";
	import Voice from "@/libs/QS-baiduyy.js";
	import XinRenFaDan from "../../../components/Tips-for-novice/Tips-for-novice.vue";
	import zbTooltip from "@/components/zb-tooltip/zb-tooltip.vue";
	import mySwiper from "@/components/beckhayu-swiper/my-swiper.vue";
	import realNameC from "@/components/realName/realName";
	import dateSelect from "@/components/date-selelect.vue";
	export default {
		data() {
			return {
				dateTime: [],
				getValueList: {},
				ageList: ["18", "20", "30", "40", "50", "不限"],
				newMsk: false,
				showKey: false, // 键盘
				isClick: true, //键盘
				keyList: [1, 2, 3, 4, 5, 6, 7, 8, 9, ".", 0, "×"], //键盘数据
				slideInDown: null, //键盘
				taskSuccessTotal: "", //用户是否首次登录
				showAddHistory: false,
				moveText: "成功率低",
				widthMove: -22,
				startX: 0,
				progress: 15, //首次进入进度条
				choiceWorkType: {
					//用户选择的工种
					label: "请选择工种",
					value: 0,
				},
				isWorkType: false, //是否显示工种选择窗口
				workTypeList: [], //用工工种
				checkLocationStatus: 1, // 是否有定位授权 1 有定位
				idCar: true,
				idCardStatus: "", //身份证返回状态
				issuanceNum: "", //发单量
				RealName: "",
				truexianshizt: "relative",
				textlie: "",
				truexianshi: "none",
				serverFlag: 0, //0:付诚意金，1付服务费
				time_tip: "", //计时时薪建议
				hasFlag: true, //是否加载完成
				piece_tip: "", //计件保底时薪文案
				screenFlag: false, // 弹窗开关
				myTasks: [], //我最近的三个工作任务
				hotTasks: [], //热门工作标签
				bond: "", //保证金
				valueStart: [0, 0],
				valueEnd: [0, 0],
				imgPath: "", //图片路径
				uploadToken: "", // 上传图片需要的Token
				pictureList: [], // 发布的图片列表
				timeFlag: 0, // 0 今天 1明天
				payTypeList: ["计时", "计件"], //报酬方式0, '计天'
				sexList: ["不限", "男", "女"],
				timeList: [
					[],
					[]
				],
				today: "",
				tomorrow: "",
				startHour: "",
				startMinute: "",
				endHour: "",
				endMinute: "",
				showS: false,
				historyAddress: "",
				historyLocation: "",
				historyLat: "",
				historyLng: "",
				historyRegion: "",
				workTime: 0, //工作时长
				task: {
					//上传参数
					address: "",
					endTime: "",
					lat: "",
					lng: "",
					name: "",
					number: 0,
					region: "", //街道区域自己算
					reward: "",
					jijian: "",
					sex: 2,
					startTime: "",
					taskVideo: "",
					// "status": '',
					taskContent: "",
					taskPic: "",
					taskType: "0",
					floorsAmount: "", //保底时薪0
					taskVideo: "", //视频
					telephone: "", //电话
					age: 0, //年龄区间
					ageMax: 56, //最大年龄
					ageMin: 18, //最小年龄
					competitive: 0, //3高2中1低
					disturbstatus: 0, //0不免打扰 1 免打扰 默认0
					tasklabel: "",
				},
				requestObj: {
					pageNum: 0,
					pageSize: 10,
					userId: "",
					status: "",
					userId: "",
					isAsc: "desc",
					orderByColumn: "createTime",
				},
				taskId: "", //重新发单之前的taskId
				type: "", //重新发单new,修改old，新发布是''
				isDisabled: false, //人数是否能变动
				src: "file:///storage/emulated/0/DCIM/Screenshots/Record_2020-08-30-15-42-37.mp4", //
				time_lowest_amount: -1, //计时最低时薪
				ShowAdd: "", //用户自填的详细地址
				isShowselectJobAge: false, //是否显示年龄选择框
				isShowMoreInfo: false, //是否展示详细信息
				isSelectJobAge: 0, //年龄区间
				isShowNextPage: false, //是否显示下一页
				isFillin: false, //第一页是否都填写完毕
				isNextFillin: false, //第二页是否都填写完毕
				timeFlags: "", //唯一发送的标识
				isShowtjjg: false, //是否显示推荐价格
				isShowPay: false, //是否显示付款窗口
				newTaskId: "", //发布任务的id
				ishourChange: false, //监控时间选择器的小时列是否变动
				competitive: 0, //3高2中1低
				competitives: [], //高中低价格范围数组
				isShowTaskDrafts: false, //是否弹出草稿对话框
				titleTextTop: 0,
				timer: "",
				isRecordTaskDrafts: true, //是否记录历史记录
				minNumber: 0, //最小用工人数
				updatedCount: 2, //首页updata次数
				isInvitation: false, //是否邀请
				InvUsers: [], //邀请的用户列表
				wdfb: false,
				day0: 0,
				hour: 0,
				minute: 0,
				minflag: 0,
				rewardFlag: 0,
				source: 4, //统计来源 一键发布1任务中心发布/2历史发布3为完单邀请 新发布4
				minimumWage: 20, //保底工资
				isMinimumWage: true, //是否选择保底工资
				isShowbaodiInfo: false,
				isShowTimeSelect: false,
				isStartTaskTomorrowFlag: false,
				isTaskTomorrowFlag: false,
				ykCount: 0,
				ykName: "",
				isLevelsd: 0, //2是二级用户
				gwyqCheckboxItem: [],
				gwyqCheckboxItemSelected: [],
				levelNubmer: 0,
				styleType: 2,
				isShowHesuan: false,
				heSuanValue: "48",
				flagType: 0,
				levelNubmer2: 0,
				isBaodiChange: 1,
				formBaodi: [],
				tiyanCardtime: "",
				baodiValue: 0,
				placeholderText: "",
				nn: 5,
				timer2: "",
				tempPlaceholder: [],
				isBtnClick: false,
				seedingArr: [],
				newMsk: false,
				historyTitle: "",
				isFirstInSe: true,
				isFirstInSe2: true,
				historyTaskContent: 0,
				isClickAddress: false,
				isClickTime: false,
				isClickStep: false,
				showYkJianmian: false,
				userinfo: {},
				showYkJianmianTime: 0,
				num: 0,
				isQipao: false,
				isYouxian: false,
				isOpenYouxian: false,
				isTaskTomorrowFlag2: -1,
				changeCurrentIndex: "0",
				historyReward: "",
				historyDeatilAddress: "",
				isApple: false,
				historyLocationFlag: true,
				mapLat: "",
				mapLng: "",
				plat: "",
				maxObj: {
					min: "",
				},
				detailAddressFocus: false,
				ageWidth: 594, //当前的宽度
				ageWidth2: -18,
				ageX: 0,
				ageX2: 0,
				rightage: 56, // 当前的选择的年纪
				leftage: 18,
				tipMove: "高", //文字提示
				pageXTouchMove2: "",
				pageXTouchMove: "",
			};
		},
		watch: {
			"task.region": {
				handler(n, l) {
					if (n) {
						console.log(n, 444444, this.task.taskType);
						if (this.task.taskType == 1) {
							this.doPrice(1);
						} else {
							this.doPrice(0);
						}
					}
				},
			},
			showYkJianmianTime() {
				setTimeout(() => {
					this.showYkJianmianTime -= 1;
				}, 1000);
			},
			widthMove(newVal, oldVal) {
				uni.setStorageSync("widthMove", newVal);
				let percent = (newVal + 22) / 600;
				let price = Math.round(percent * (this.maxObj.reckonTimeMax - this.maxObj.reckonTimeMin)) + this.maxObj
					.reckonTimeMin;
				this.task.reward = price;
				if (price < this.maxObj.reckonTimeMiddleLower) {
					this.moveText = "成功率低";
				} else if (price <= this.maxObj.reckonTimeMiddleUpper) {
					this.moveText = "推荐";
				} else {
					this.moveText = "成功率高";
				}
			},
			// 监听工作时长
			workTime: function(newVal, oldVal) {
				console.log(newVal, 1);
				if (oldVal != newVal) {
					this.task.reward = "";
				}
				if (this.task.taskType === "0" && ((newVal <= 3 && this.task.reward < 20) || (newVal <= 5 && this.task
						.reward < 18)) && this.task.reward != "") {}
				if (newVal < 0.5) {
					this.task.endTime = "";
					this.workTime = 0;
					this.isFillin = false;
					if (this.task.endTime.length == 0 && this.task.startTime.length == 0) return;
					uni.showToast({
						title: "任务时间不能小于半小时",
						icon: "none",
					});
				}
			},
			progress(newValue, oldValue) {
				if (newValue > 100) {
					this.progress = 95;
				}
			},
			// 右边
			ageWidth: {
				handler(newVal, oldVal) {
					let percent = newVal / 594;
					let price = Math.round(percent * (56 - 18)) + 18;
					if (price < 18) {
						this.rightage = 18;
					} else if (price > 55) {
						this.rightage = "不限";
					} else {
						this.rightage = price;
					}
					let caju = (this.rightage == "不限" ? 56 : this.rightage) - this.leftage;
					if (caju <= 15) {
						this.tipMove = "极低";
					} else if (caju >= 15 && caju <= 20) {
						this.tipMove = "较低";
					} else {
						this.tipMove = "高";
					}
				},
				deep: true,
				immediate: true,
			},
			// 左边
			ageWidth2(newVal, oldVal) {
				let percent = newVal / 594;
				let price = Math.round(percent * (56 - 18)) + 18;
				if (price < 18) {
					this.leftage = 18;
				} else if (price > 55) {
					this.leftage = "不限";
				} else {
					this.leftage = price;
				}
				let caju = (this.rightage == "不限" ? 56 : this.rightage) - this.leftage;
				if (caju <= 15) {
					this.tipMove = "极低";
				} else if (caju >= 15 && caju <= 20) {
					this.tipMove = "较低";
				} else {
					this.tipMove = "高";
				}
			},
		},
		components: {
			jobPay,
			showModalButton,
			XinRenFaDan,
			zbTooltip,
			mySwiper,
			realNameC,
			dateSelect,
		},
		computed: {
			getGuoqi() {
				if (this.tiyanCardtime) {
					let localtime = new Date().getTime();
					let lasttime = new Date(this.tiyanCardtime.replace(/-/g, "/")).getTime();
					if (localtime > lasttime) {
						return false;
					} else {
						return true;
					}
				}
			},
		},
		onLoad(options) {
			this.plat = uni.getSystemInfoSync().platform;
			this.open();
			// this.getTaskCateList(); //获取工种列表
			// 检测当前定位
			this.getUserInfo();
			// #ifdef APP-PLUS
			this.checkPermission();
			// #endif
			this.getCardList();
			this.getData();
			this.getTaskPlaceholder();
			this.getUploadToken();
			this.get_lately_task_name(); //最近的工作名称
			this.getToDay();
			this.doGetLocation();
			this.timeFlags = md5.hex_md5(Date.now() + uni.getStorageSync("token")).toString();
			if (options.wdfb == 1) {
				this.wdfb = true;
			}
			if (options.minNumber) {
				options.minNumber >= 1 ? (this.minNumber = options.minNumber) : (this.minNumber = 1);
			} else {
				this.minNumber = 1;
			}
			this.taskId = options.taskId ? options.taskId : "";
			this.type = options.type ? options.type : "";
			if (options.source) {
				this.source = options.source;
			} else {
				this.source = 4;
			}
			if (this.type) {
				// 重新发布和修改
				this.task_detail();
				if (uni.getStorageSync("invitationStaff")) {
					this.isInvitation = true;
					this.InvUsers = uni.getStorageSync("invitationStaff");
					uni.removeStorageSync("invitationStaff");
				}
			} else {
				this.task.telephone = uni.getStorageSync("userInfo").user.phonenumber;
				if (uni.getStorageSync("taskDrafts")) {
					this.isShowTaskDrafts = true;
				}
				// console.log('雇主用户信息userInfo.user', uni.getStorageSync('userInfo').user)
			}
			this.imgPath = uni.getStorageSync("imgPath");
			this.gwyqCheckboxItem = uni.getStorageSync("property_list_by_type").task_label.split(",");
			if (uni.getStorageSync("sendjob-voice") != true) {
				Voice("私下交易有风险，请谨慎!");
				uni.setStorageSync("sendjob-voice", true);
			}
			this.qipao();
			this.getIsYouxian();
		},
		onShow() {
			try {
				this.$refs.popup.close();
			} catch (e) {
				//TODO handle the exception
			}
			let system = uni.getSystemInfoSync().platform;
			if (system === "ios") {
				this.isApple = true;
			}
			this.isBtnClick = false;
			this.historyAddress = uni.getStorageSync("historyAddress") || "";
			this.historyLocation = decodeURIComponent(uni.getStorageSync("historyLocation")) || "";
			this.historyLat = uni.getStorageSync("historyLat") || "";
			this.historyLng = uni.getStorageSync("historyLng") || "";
			this.historyRegion = uni.getStorageSync("historyRegion") || "";
		},
		onHide() {
			this.isClickAddress = false;
			this.isClickTime = false;
			this.isClickStep = false;
		},
		methods: {
			getValue(e) {
				this.task.startTime = e["timeArry"][0].replace(/\//g, "-");
				this.task.endTime = e["timeArry"][1].replace(/\//g, "-");
				this.getValueList = e;
			},
			// 年龄选择器 右边
			ageTouchStart(e) {
				console.log(e, 777);
				let el = e.changedTouches[0].pageX;
				this.ageX = el;
			},
			ageTouchMove(e) {
				let el = e.changedTouches[0].pageX;
				if (this.ageWidth - this.ageWidth2 <= 240) {
					if (el - this.pageXTouchMove > 0) {
						let el = e.changedTouches[0].pageX;
						this.pageXTouchMove = el;
						if (el <= 18 || el >= 594) {
							e.stopPropagation();
							return;
						}
						let preWidth = this.ageWidth + (el - this.ageX).toFixed(2) * 2;
						if (preWidth < -18) {
							this.ageWidth = -18;
						} else if (preWidth >= 594) {
							this.ageWidth = 594;
						} else {
							this.ageWidth = preWidth;
						}
						this.ageX = el;
					}
				} else {
					let el = e.changedTouches[0].pageX;
					this.pageXTouchMove = el;
					if (el <= 18 || el >= 594) {
						e.stopPropagation();
						return;
					}
					let preWidth = this.ageWidth + (el - this.ageX).toFixed(2) * 2;
					if (preWidth < -18) {
						this.ageWidth = -18;
					} else if (preWidth >= 594) {
						this.ageWidth = 594;
					} else {
						this.ageWidth = preWidth;
					}
					this.ageX = el;
				}
			},
			ageTouchEnd(e) {
				let el = e.changedTouches[0].pageX;
				this.ageX = el;
			},
			// 年龄选择器 左边
			ageTouchStart2(e) {
				let el = e.changedTouches[0].pageX;
				this.ageX2 = el;
			},
			ageTouchMove2(e) {
				let el = e.changedTouches[0].pageX;
				if (this.ageWidth - this.ageWidth2 <= 240) {
					if (el - this.pageXTouchMove2 < 0) {
						let el = e.changedTouches[0].pageX;
						this.pageXTouchMove2 = e.changedTouches[0].pageX;
						if (el <= 18 || el >= 594) {
							e.stopPropagation();
							return;
						}
						let preWidth = this.ageWidth2 + (el - this.ageX2).toFixed(2) * 2;
						if (preWidth <= 0) {
							this.ageWidth2 = 0;
						} else if (preWidth >= 594) {
							this.ageWidth2 = 594;
						} else {
							this.ageWidth2 = preWidth;
						}
						this.ageX2 = el;
					}
				} else {
					let el = e.changedTouches[0].pageX;
					this.pageXTouchMove2 = el;
					if (el <= 18 || el >= 594) {
						e.stopPropagation();
						return;
					}
					let preWidth = this.ageWidth2 + (el - this.ageX2).toFixed(2) * 2;
					if (preWidth <= 0) {
						this.ageWidth2 = 0;
					} else if (preWidth >= 594) {
						this.ageWidth2 = 594;
					} else {
						this.ageWidth2 = preWidth;
					}
					this.ageX2 = el;
				}
			},
			ageTouchEnd2(e) {
				let el = e.changedTouches[0].pageX;
				this.ageX2 = el;
			},
			// 其他
			open(e, l = null) {
				this.$fetch(this.$api.employer_authentication, {}, "POST").then((res) => {
					if (res.code) {
						uni.showToast({
							title: res.msg,
							icon: "none",
						});
					}
					if (!res.data) {
						this.$nextTick(() => {
							this.$refs.popup.open();
						});
					}
				});
			},
			onNavigationBarButtonTap(e) {
				uni.navigateTo({
					url: "/pages/onLinePage/kefu?userId=" + uni.getStorageSync("userInfo").userId,
				});
			},
			async getIsYouxian() {
				let res = await this.$fetch(this.$api.property_list_by_type_and_key, {
					type: 1,
					key: "task_release_user_flag",
				}, "POST");
				if (res.code != 0) {
					return;
				}
				if (Number(res.data) == 4) {
					this.isOpenYouxian = true;
					this.isYouxian = true;
				} else {
					if (uni.getStorageSync("userInfo").cardUserType == Number(res.data)) {
						this.isOpenYouxian = true;
						this.isYouxian = true;
					}
				}
			},
			qipao() {
				if (!uni.getStorageSync("publishTaskQipao")) {
					this.isQipao = true;
					let firstTime = new Date().getTime();
					let Endtime = firstTime + 6 * 30 * 24 * 60 * 60 * 1000;
					uni.setStorageSync("publishTaskQipao", Endtime);
					uni.setStorageSync("publishTaskQipaoLastTime", firstTime);
				}
				let now = new Date().getTime();
				if (now > uni.getStorageSync("publishTaskQipao")) {
					return;
				} else {
					if (now - uni.getStorageSync("publishTaskQipaoLastTime") > 30 * 24 * 60 * 60 * 1000) {
						console.log(now - uni.getStorageSync("publishTaskQipaoLastTime"));
						this.isQipao = true;
						uni.setStorageSync("publishTaskQipaoLastTime", now);
					}
				}
			},
			progressTouchStart(e) {
				console.log(e);
				let el = e.changedTouches[0].pageX;
				this.startX = el;
			},
			progressTouchMove(e) {
				let el = e.changedTouches[0].pageX;
				let preWidth = this.widthMove + (el - this.startX).toFixed(0) * 2;
				if (preWidth < -22) {
					this.widthMove = -22;
				} else if (preWidth > 578) {
					this.widthMove = 578;
				} else {
					this.widthMove = preWidth;
				}
				this.startX = el;
			},
			progressTouchEnd(e) {
				let el = e.changedTouches[0].pageX;
				this.startX = el;
			},
			refresh1() {
				if (this.timer2 == "") {
					this.timer2 = setInterval(this.autoPlay, 1000);
				} else {
					clearInterval(this.timer2);
					this.timer2 = "";
					this.nn = 5;
				}
			},
			autoPlay() {
				this.nn--;
				if (this.nn == 0) {
					let suiji = Math.round(Math.random() * 5);
					this.placeholderText = this.tempPlaceholder[suiji];
					// console.log('定时标题',this.placeholderText)
					this.nn = 5;
				}
			},
			async getTaskPlaceholder() {
				let res = await this.$fetch(this.$api.property_list_by_type, {
					type: 1,
				}, "POST");
				if (res.code) return uni.showToast({
					title: res.msg,
					icon: "none",
				});
				this.tempPlaceholder = res.data.task_placeholder.split(",");
				let suiji = Math.round(Math.random() * 5);
				this.placeholderText = this.tempPlaceholder[suiji];
				this.refresh1();
				// console.log('标题',this.placeholderText)
			},
			baodiChange(index, num) {
				if (index !== this.isBaodiChange) {
					this.task.floorsAmount = num;
					this.isBaodiChange = index;
				} else {
					this.task.floorsAmount = 0;
					this.isBaodiChange = 0;
				}
				console.log(1414, this.task.floorsAmount);
			},
			getCardList() {
				getMonthCardInfo_card_list().then((v) => {
					this.levelNubmer2 = v[0].numberPeople;
					// console.log(v)
				});
			},
			workConfirm(e) {
				this.choiceWorkType = e[0];
				// console.log(e);
			},
			showTemp() {
				this.task.address = this.historyLocation;
				this.task.lat = this.historyLat;
				this.task.lng = this.historyLng;
				this.task.region = this.historyRegion;
				this.historyLocationFlag = false;
				// this.isFillin = true
				// console.log(this.task)
				// this.$refs.tooltip.close()
			},
			//获取工种列表
			async getTaskCateList() {
				let res = await this.$fetch(this.$api.getTaskCateList, {}, "GET");
				if (res.code == 0) {
					this.workTypeList = res.data;
					console.log(111, this.workTypeList);
				} else {
					uni.showToast({
						title: res.msg,
						icon: "none",
					});
				}
			},
			updateUserImage(e) {},
			// 实名认证 已认证
			real_name(e) {
				console.log(e, "-------------------");
				this.RealName = {
					name: e,
				};
			},
			timeColumnchange(event, isEnd) {
				if (event.detail.value == 0 && event.detail.column == 0) {
					this.ishourChange = false;
					this.handleGetRange(isEnd);
				} else if (event.detail.value != 0 && event.detail.column == 0) {
					this.ishourChange = true;
				}
				if (this.ishourChange) {
					this.$forceUpdate();
					this.timeList[1] = Array.from(Array(6), (v, k) => k == 0 ? "00" : k * 10);
				}
			},
			hanleInfokj() {
				// this.showS = false
				setTimeout(() => {
					this.showS = false;
				}, 200);
			},
			hanleInfokj2() {
				// console.log(this.historyAddress)
				if (!this.isClickAddress && this.ShowAdd === "") {
					this.isClickAddress = true;
					this.progress += 5;
				}
				this.ShowAdd = this.historyDeatilAddress;
				this.ShowAdd = this.historyAddress;
				this.showS = !this.showS;
				// console.log(this.task)
			},
			focus_input() {
				this.showS = true;
			},
			//test
			testgetFillin(e) {
				let el = e.detail.value;
				if (!this.historyDeatilAddress) {
					this.historyDeatilAddress = el;
					if (this.plat == "ios") {
						this.progress += 2.5;
					} else {
						this.progress += 5;
					}
				} else {
					el.length === 0 ? (this.progress -= 5) : "";
					this.historyDeatilAddress = el;
				}
				if (e.detail.value == "cs12345") {
					//dsadsadsad21, 义乌市·江东街道·美吉姆国际早教中心义乌吾悦广场, [Number] 29.30581581258005 , [Number] 120.10599571632592 , 330782002000
					this.task.address = "义乌·吾悦广场·测试地址";
					this.task.lat = "29.30581581258005";
					this.task.lng = "120.10599571632592";
					this.task.region = "330782002000";
				}
				if (e.detail.value == "cs123456") {
					this.isShowPay = true;
				}
				if (e.detail.value == "tz1234") {
					uni.navigateTo({
						url: "/pages/jubao/jubao?orderId=1210",
					});
				}
				// this.getFillin()
			},
			getFillinRemind() {
				if (!this.task.name.trim()) return uni.showToast({
					title: "任务标题未填写~",
					icon: "none",
				});
				if (!this.checkLoginNameFormat(this.task.telephone)) return uni.showToast({
					title: "电话未正确填写~",
					icon: "none",
				});
				if (!this.task.number) return uni.showToast({
					title: "人数未选择~",
					icon: "none",
				});
				if (!this.task.startTime || !this.task.endTime) return uni.showToast({
					title: "工作时间未选择~",
					icon: "none",
				});
				// if (this.choiceWorkType.value == 0) return uni.showToast({
				// 	title: '工种未选择~',
				// 	icon: 'none'
				// })
				if (!this.task.lng || !this.task.lat) return uni.showToast({
					title: "定位地址未选择~",
					icon: "none",
				});
				if (!this.ShowAdd) {
					this.detailAddressFocus = true;
					uni.showToast({
						title: "请输入详细地址~",
						icon: "none",
					});
					return;
				}
				if (this.issuanceNum < 2) return;
				if (this.idCardStatus == 1) return uni.showToast({
					title: "信息审核中，暂不能发布",
					icon: "none",
				});
				// if (this.idCardStatus == 0 || this.idCardStatus == 3) return uni.navigateTo({
				// 	url: "/pages/real-name/real-name",
				// });
			},
			//第一页是否都填写完毕
			getFillin() {
				if (!this.task.name.trim() || !this.ShowAdd || !this.task.startTime || !this.task.lat || !this
					.checkLoginNameFormat(this.task.telephone) || !this.task.lng || !this.task.region || this.task
					.number == 0 || !this.task.endTime) {
					this.isFillin = false;
				} else {
					this.isFillin = true;
				}
			},
			//第二页是否都填写完毕
			getNextFillin() {
				if (this.task.taskType == 1) {
					if (this.task.reward < 0.01) {
						this.isNextFillin = false;
						return;
					}
					if (this.task.taskContent == "") {
						this.isNextFillin = false;
						return;
					}
					if (this.pictureList != "" || this.task.taskVideo != "") {} else {
						console.log("pictureList", this.pictureList);
						this.isNextFillin = false;
						return;
					}
					if (!this.task.taskContent) {
						this.isNextFillin = false;
						return;
					}
				}
				if (!this.task.reward) {
					this.isNextFillin = false;
				} else {
					console.log(9999999);
					this.isLowest_Amount();
				}
			},
			//检测用户输入工价
			async getYhReward(num) {
				num = parseFloat(num);
				if (this.rewardFlag == 0) {
					this.rewardFlag = num;
				} else if (this.rewardFlag != num) {
					this.rewardFlag = num;
					let res = await this.$fetch(this.$api.task_user_price, {
						price: this.rewardFlag,
					}, "POST");
					if (res.code) {
						return uni.showToast({
							title: res.msg,
							icon: "none",
						});
					}
				}
			},
			//监听工价输入
			reward(e) {
				let el = e.detail.value;
				if (!this.historyReward) {
					this.historyReward = el;
					this.progress += 10;
				} else {
					el.length === 0 ? (this.progress -= 10) : "";
					this.historyReward = el;
				}
				this.isNextFillin = false;
				if (this.task.reward.includes(".")) {
					try {
						let rewards = this.task.reward.split(".");
						if (rewards[0].length > 4) {
							rewards[0] = rewards[0].slice(0, 4);
						} else if (rewards[1].length > 2) {
							rewards[1] = rewards[1].slice(0, 3);
						}
						setTimeout(() => {
							this.task.reward = rewards.join(".");
						}, 200);
					} catch (e) {
						//TODO handle the exception
					}
				} else if (this.task.reward.length > 3) {
					setTimeout(() => {
						this.task.reward = this.task.reward.slice(0, 4);
					}, 200);
				}
				if (this.task.reward >= this.competitives[2]) {
					this.competitive = 3;
				} else if (this.task.reward > this.competitives[0]) {
					this.competitive = 2;
				} else {
					this.competitive = 1;
				}
				setTimeout(() => {
					if (this.task.reward < 0.01 && this.task.reward != "") {
						//this.task.reward = 0.01
						this.isNextFillin = false;
						uni.showToast({
							title: "工价不能低于0.01~",
							icon: "none",
						});
					}
				}, 2000);
				if (this.task.reward >= this.maxObj.reckonTimeMin && this.task.reward <= this.maxObj.reckonTimeMax) {
					let m_price = this.task.reward - this.maxObj.reckonTimeMin;
					this.widthMove = (m_price / (this.maxObj.reckonTimeMax - this.maxObj.reckonTimeMin)) * 600 - 22;
				} else if (this.task.reward > this.maxObj.reckonTimeMax) {
					this.widthMove = 578;
				}
				this.isLowest_Amount();
				//this.getNextFillin()
			},
			//输入人数
			inputNumber() {
				if (this.type == "bohui") {
					uni.showToast({
						title: "不可修改人数",
						icon: "none",
					});
					return;
				}
				clearTimeout(this.timer);
				this.timer = setTimeout(() => {
					if (this.task.number < this.minNumber) {
						this.task.number = this.minNumber;
						uni.showToast({
							title: "人数不能在少了~",
							icon: "none",
						});
						return;
					}
				}, 800);
			},
			//点击计算人数
			addNumber(flag) {
				if (this.type == "bohui") {
					uni.showToast({
						title: "不可修改人数",
						icon: "none",
					});
					return;
				}
				if (flag) {
					if (this.task.number >= 99) {
						this.task.number = 99;
						uni.showToast({
							title: "人数不能再多了~",
							icon: "none",
						});
						return;
					}
					this.task.number++;
					if (this.task.number === 1) {
						this.progress += 10;
					}
				} else {
					if (this.task.number <= this.minNumber) {
						uni.showToast({
							title: "人数不能在少了~",
							icon: "none",
						});
						return;
					}
					this.task.number--;
					if (this.task.number === 0) {
						this.progress -= 10;
					}
				}
			},
			// 验证手机号格式是否正确
			checkLoginNameFormat(mobile) {
				let reg = /^[1][3456789][0-9]{9}$/;
				if (!reg.test(mobile)) {
					// uni.showToast({ title: '手机号格式不正确', icon: 'none' })
					return false;
				}
				return true;
			},
			zoumadeng() {
				this.truexianshi = "none";
				this.textlie = "";
			},
			// 选择上传图片或视频
			handleUpload() {
				uni.showActionSheet({
					itemList: ["上传图片", "上传视频"],
					// height:
					success: (res) => {
						if (res.tapIndex == 0) {
							this.handleUploadImage();
						} else {
							this.handleUploadVideo();
						}
					},
					fail: function(res) {
						console.log(res.errMsg);
					},
				});
			},
			// 选择日期
			handleSelectDate(flag) {
				if (this.timeFlag == flag) return;
				this.timeFlag = flag;
				this.startHour = "";
				this.startMinute = "";
				this.endHour = "";
				this.endMinute = "";
				this.workTime = 0;
				this.task.startTime = "";
				this.task.endTime = "";
			},
			// 点击工作弹框
			handleGetName(name) {
				this.task.name = name;
				this.historyTitle = name;
				this.progress += 10;
				this.screenFlag = false;
				//this.getFillin()
			},
			// 工作名称聚焦时，有内容不弹框，无内容弹框
			handleName(e) {
				this.screenFlag = this.task.name ? false : true;
			},
			//年龄区间选择确认按钮事件
			selectJobAgeOK(age) {
				this.isShowselectJobAge = false;
				this.task.ageMin = this.leftage;
				this.task.ageMax = this.rightage;
			},
			//年龄区间显示
			showSelectJobAgeOK() {
				return `${this.task.ageMin || 18}-${
        (this.task.ageMax == 56 ? "不限" : this.task.ageMax) || "不限"
      }`;
			},
			//输入时
			handleNameInput(event) {
				let el = event.detail.value;
				this.screenFlag = el ? false : true;
				if (!this.historyTitle) {
					this.historyTitle = el;
					if (this.plat == "ios") {
						this.progress += 5;
					} else {
						this.progress += 10;
					}
				} else {
					el.length === 0 ? (this.progress -= 10) : "";
					this.historyTitle = el;
				}
				console.log("input事件触发");
				//this.getFillin()
			},
			// 关闭弹窗
			hideModal() {
				this.screenFlag = false;
			},
			// 遮罩层下不滚动
			moveHandle() {
				return;
			},
			// 打开地图
			handleMap() {
				if (this.mapLat != "") {
					if (this.checkLocationStatus === null || this.checkLocationStatus === 1) {
						uni.navigateTo({
							url: `/pages/chooseLocation/chooseLocation?type=send&latitude=${this.mapLat}&longitude=${this.mapLng}`,
						});
						this.$refs.tooltip.close();
					} else if (this.checkLocationStatus === 2) {
						uni.showModal({
							content: "系统定位已关闭",
							confirmText: "确定",
							showCancel: false,
							success: function(res) {},
						});
					} else if (this.checkLocationStatus.code) {
						// uni.showModal({
						// 	content: this.checkLocationStatus.message
						// })
					} else {
						uni.showModal({
							title: "尊敬的找零工用户",
							content: "使用本APP需要定位权限，才能正常使用！",
							confirmText: "去设置",
							success: function(res) {
								console.log(res, 88888);
								if (res.confirm) {
									permision.gotoAppSetting();
								} else {
									plus.runtime.quit();
								}
							},
						});
					}
				}
			},
			// 检查定位权限授权
			async checkPermission() {
				let status = permision.isIOS ? await permision.requestIOS("location") : await permision.requestAndroid(
					"android.permission.ACCESS_FINE_LOCATION");
				this.checkLocationStatus = status;
			},
			fabuClick() {
				if (!this.task.reward) {
					return uni.showToast({
						title: "请输入报酬金额~",
						icon: "none",
					});
				}
				if (this.task.taskType == 1) {
					if (["", "0", 0].includes(this.task.jijian)) {
						this.isNextFillin = false;
						uni.showToast({
							title: "工价不能为0或者空~",
							icon: "none",
						});
						return;
					}
					if (this.task.reward < 0.01 || !this.task.reward) {
						this.isNextFillin = false;
						uni.showToast({
							title: "工价不能低于0.01~",
							icon: "none",
						});
						return;
					}
					console.log("this.task.taskPic ", this.task.taskPic);
					if (!this.task.taskContent) {
						return uni.showToast({
							title: "请补充岗位要求~",
							icon: "none",
						});
					}
					if (this.task.taskPic == "" && this.task.taskVideo == "") {
						console.log("88888 ", this.task.taskPic);
						return uni.showToast({
							title: "请添加图片或视频~",
							icon: "none",
						});
					}
				}
			},
			hanldIndexClick(index) {
				this.styleType = index;
				if (index == 1) {
					this.heSuanValue = "24";
				}
				if (index == 2) {
					this.heSuanValue = "48";
				}
			},
			hesuanFaBu(flag) {
				this.flagType = flag;
				if (uni.getStorageSync("nucleic_acid_require") == 1) {
					this.isShowHesuan = true;
				} else {
					this.heSuanValue = "";
					this.handleConfirm(this.flagType);
				}
				// 临时打包
				//
			},
			hesuanFaBu2(type) {
				this.isShowHesuan = false;
				if (type == "no") {
					this.heSuanValue = "";
					this.handleConfirm(this.flagType);
				} else {
					this.handleConfirm(this.flagType);
				}
			},
			// 确认发布或者修改
			async handleConfirm(flag) {
				if (this.task.taskType == 1) {
					if (["", "0", 0].includes(this.task.jijian)) {
						this.isNextFillin = false;
						uni.showToast({
							title: "工价不能为0或者空~",
							icon: "none",
						});
						return;
					}
				}
				if (this.task.taskType == 0 && this.task.reward > this.maxObj.reckonTimeMax) {
					uni.showToast({
						title: "不能大于最高工价~",
						icon: "none",
					});
					return;
				}
				this.task.lat = parseFloat(this.task.lat).toFixed(6);
				this.task.lng = parseFloat(this.task.lng).toFixed(6);
				this.task.region = this.task.region ? this.task.region.slice(0, 9) : "";
				//	console.log('提交前我的地点', this.task.lat, this.task.lng, this.task.region)
				if (!this.task.name.trim()) {
					return uni.showToast({
						title: "请输入工作名称~",
						icon: "none",
					});
				}
				if (!this.checkLoginNameFormat(this.task.telephone)) {
					return uni.showToast({
						title: "电话号码格式不正确~",
						icon: "none",
					});
				}
				if (!this.task.lat || !this.task.lng || !this.task.region) {
					return uni.showToast({
						title: "请选择地点~",
						icon: "none",
					});
				}
				if (!this.task.taskType) {
					return uni.showToast({
						title: "请选择报酬方式~",
						icon: "none",
					});
				}
				if (this.task.taskType == 0 ? !this.task.reward : !this.task.jijian) {
					return uni.showToast({
						title: "请输入报酬金额~",
						icon: "none",
					});
				}
				if (!this.task.startTime) {
					return uni.showToast({
						title: "请选择开始时间~",
						icon: "none",
					});
				}
				if (!this.task.endTime) {
					return uni.showToast({
						title: "请选择结束时间~",
						icon: "none",
					});
				}
				if (this.getValueList.timeArry.length != 2) {
					return uni.showToast({
						title: "请选择合适的工作时间~",
						icon: "none",
					});
				}
				//console.log("图片地址"+this.task.taskPic)
				//console.log("图片地址测试"+this.pictureList)
				this.task.taskPic = this.pictureList.join();
				if (this.task.taskType == 1) {
					if (!this.task.taskContent) return uni.showToast({
						title: "请补充岗位要求~",
						icon: "none",
					});
					if (this.task.taskPic != "" || this.task.taskVideo != "") {} else {
						return uni.showToast({
							title: "请添加图片或视频~",
							icon: "none",
						});
					}
				} else if (this.task.taskType == 2) {
					return uni.showToast({
						title: "暂不支持计天~",
						icon: "none",
					});
				}
				//console.log('报酬',this.task.reward, this.time_lowest_amount,parseFloat(this.task.reward) < parseFloat(this.time_lowest_amount),this.task.taskType == 0)
				this.task.reward = parseFloat(this.task.reward);
				if (this.isBtnClick) {
					return;
				}
				this.isBtnClick = true;
				setTimeout(() => {
					this.isBtnClick = false;
				}, 5000);
				// 发布，重新发单
				if (flag === 0) {
					if (this.task.number < this.minNumber) return uni.showToast({
						title: "请重新输入招聘人数~",
						icon: "none",
					});
					console.log("工资~~", this.task.floorsAmount, 88888, this.maxObj);
					// return
					let upObj = {
						// "taskCateId":this.choiceWorkType.value,
						// "taskCateName":this.choiceWorkType.label,
						address: this.ShowAdd != "" ? [this.task.address, this.ShowAdd].join("·") : [this.task
							.address, " "
						].join("·"),
						endTime: this.task.endTime + ":00",
						lat: this.task.lat,
						lng: this.task.lng,
						name: this.task.name,
						number: this.task.number,
						region: this.task.region, //街道区域自己算
						reward: this.task.taskType == 0 ? this.task.reward.subtract(100) : this.task.jijian * 100,
						sex: this.task.sex,
						startTime: this.task.startTime + ":00",
						taskContent: this.task.taskContent,
						taskPic: this.task.taskPic,
						taskType: this.task.taskType,
						nucleicAcid: this.heSuanValue,
						disturbstatus: this.task.disturbstatus,
						floorsAmount: this.task.floorsAmount * 100,
						taskVideo: this.task.taskVideo,
						telephone: this.task.telephone,
						serverFlag: this.serverFlag,
						userName: this.timeFlags,
						competitive: this.competitive,
						age: this.isSelectJobAge,
						ageMin: this.task.ageMin > (this.task.ageMax == "不限" ? 59 : this.task.ageMax) ? this.task
							.ageMax : this.task.ageMin,
						ageMax: this.task.ageMin > (this.task.ageMax == "不限" ? 59 : this.task.ageMax) ? this.task
							.ageMin : this.task.ageMax == "不限" ? 59 : this.task.ageMax,
						//之前逻辑 选择保底就是1 不选择就是0
						floorsstr: this.task.taskType == 1 && this.task.floorsAmount !== 0 ? 1 : 0,
						tasklabel: this.task.tasklabel,
						priorityPushFlag: this.isYouxian ? 1 : 0,
					};
					uni.setStorageSync("historyAddress", this.ShowAdd);
					uni.setStorageSync("historyLocation", encodeURIComponent(this.task.address));
					// console.log('wooo:'+this.task.lat)
					uni.setStorageSync("historyLat", this.task.lat);
					uni.setStorageSync("historyLng", this.task.lng);
					uni.setStorageSync("historyRegion", this.task.region);
					this.get_task_one(this.source);
					if (this.wdfb) {
						upObj["sincerityGold"] = -1;
					}
					let res = await this.$fetch(this.$api.release_task, upObj, "POST", "JSON");
					if (res.code) {
						if (res.msg.includes("直通卡") || res.msg.includes("当前卡片")) {
							setTimeout(() => {
								uni.navigateTo({
									url: "/pages/bossMonthCard/straightCard",
								});
							}, 2500);
						}
						return uni.showToast({
							title: res.msg,
							icon: "none",
							duration: 2000,
						});
					}
					//                setTimeout(()=>{
					// 	this.isBtnClick = true
					// },500)
					this.removeTaskDrafts();
					// return
					if (this.bond != 0) {
						this.newTaskId = res.data.id;
						if (this.isInvitation) {
							this.invitationOrder(this.InvUsers);
						}
						if (!this.wdfb) {
							let ress = await this.$fetch(this.$api.task_detail, {
								taskId: this.newTaskId,
							}, "POST");
							this.num = res.data.number;
							let userpaytype = ress.data.userpaytype;
							let resData = await this.$fetch(this.$api.get_current_user, "GET");
							if (resData.code) return;
							this.userinfo = resData.data;
							if (userpaytype == 3 && resData.data.cardNumber >= upObj.number) {
								this.showYkJianmian = true;
								console.log("this.showYkJianmian", this.showYkJianmian);
								// Voice('您的任务已发布，请耐心等待审核')
								setTimeout(() => {
									uni.redirectTo({
										url: "/pages/my-job/boss-my-job-new",
									});
									this.showYkJianmian = false;
								}, 3000);
							} else {
								setTimeout(() => {
									uni.redirectTo({
										url: "/pages/app-employer/fabu-pay/fabu-pay?taskId=" + this
											.newTaskId,
									});
								}, 1000);
							}
							// if (res.data.status == 2) {
							// 	uni.redirectTo({
							// 		url: '/pages/app-employer/fabu-pay/fabuSucceed/fabuSucceed'
							// 	})
							// } else {
							// 	uni.redirectTo({
							// 		url: '/pages/app-employer/fabu-pay/fabu-pay?taskId=' + this
							// 			.newTaskId
							// 	})
							// }
						} else {
							uni.redirectTo({
								url: "/pages/my-job/boss-my-job-new",
							});
						}
					} else {
						// console.log('保证金没')
						this.payBondZero(res.data.id);
						setTimeout(() => {
							uni.redirectTo({
								url: "/pages/my-job/boss-my-job-new",
							});
						}, 300);
					}
					//修改
				} else if (flag === 1) {
					let upObjM = {
						address: this.ShowAdd != "" ? [this.task.address, this.ShowAdd].join("·") : [this.task
							.address, " "
						].join("·"),
						endTime: this.task.endTime + ":00",
						lat: this.task.lat,
						lng: this.task.lng,
						name: this.task.name,
						number: this.task.number,
						region: this.task.region, //街道区域自己算
						reward: this.task.taskType == 0 ? this.task.reward * 100 : this.task.jijian * 100,
						sex: this.task.sex,
						startTime: this.task.startTime + ":00",
						taskContent: this.task.taskContent,
						taskPic: this.task.taskPic,
						taskType: this.task.taskType,
						id: this.task.id,
						disturbstatus: this.task.disturbstatus,
						floorsAmount: this.task.floorsAmount * 100,
						taskVideo: this.task.taskVideo,
						telephone: this.task.telephone,
						serverFlag: this.serverFlag,
						userName: this.timeFlags,
						competitive: this.competitive,
						age: this.isSelectJobAge,
						//之前逻辑 选择保底就是1 不选择就是0
						floorsstr: this.task.taskType == 1 && this.task.floorsAmount !== 0 ? 1 : 0,
						tasklabel: this.task.tasklabel,
					};
					uni.setStorageSync("historyAddress", this.ShowAdd);
					uni.setStorageSync("historyLocation", encodeURIComponent(this.task.address));
					uni.setStorageSync("historyLat", this.task.lat);
					uni.setStorageSync("historyLng", this.task.lng);
					uni.setStorageSync("historyRegion", this.task.region);
					let res = await this.$fetch(this.$api.upd_reject_task, upObjM, "POST", "JSON");
					if (res.code) {
						return uni.showToast({
							title: res.msg,
							icon: "none",
						});
					}
					uni.showToast({
						title: "修改成功~",
						icon: "none",
					});
					setTimeout(() => {
						uni.redirectTo({
							url: "/pages/my-job/boss-my-job-new",
						});
					}, 800);
				}
			},
			// 不用支付保证金时，默认调付保证金接口
			async payBondZero(id) {
				let bondObj = {
					payPwd: "",
					payType: -1, //0支付宝，1微信，2钱包，-1,保证金为0
					taskId: id,
				};
				let res = await this.$fetch(this.$api.v1_pay_bond, bondObj, "POST");
				if (res.code) return uni.showToast({
					title: res.msg,
					icon: "none",
				});
			},
			// 当选择开始结束时间
			bindTypeChange(e, flag) {
				if (flag == 1) {
					this.task.taskType = e.detail.value.toString();
				} else if (flag == 2) {
					this.startHour = this.timeList[0][e.detail.value[0]];
					this.startMinute = this.timeList[1][e.detail.value[1]];
					this.task.startTime = this.timeFlag == 0 ? this.toDay + " " + this.startHour + ":" + this.startMinute +
						":" + "00" : this.tomorrow + " " + this.startHour + ":" + this.startMinute + ":" + "00";
					console.log(this.task.startTime, 789);
					setTimeout(() => {
						this.calWorkTime();
					}, 500);
				} else {
					this.endHour = this.timeList[0][e.detail.value[0]];
					this.endMinute = this.timeList[1][e.detail.value[1]];
					this.task.endTime = this.timeFlag == 0 ? this.toDay + " " + this.endHour + ":" + this.endMinute + ":" +
						"00" : this.tomorrow + " " + this.endHour + ":" + this.endMinute + ":" + "00";
					setTimeout(() => {
						this.calWorkTime();
					}, 500);
				}
			},
			// 计算工作时间
			calWorkTime() {
				if (!this.endHour || !this.startHour) return;
				// 工作时长
				console.log(this.endHour, this.startHour, 9999);
				let workHour = this.endHour - this.startHour;
				let workMinute = this.endMinute - this.startMinute;
				if (workMinute < 0) {
					this.workTime = workHour - 1 + Math.round(((60 + workMinute) / 60) * 10) / 10;
				} else {
					this.workTime = workHour + Math.round((workMinute / 60) * 10) / 10;
				}
			},
			//功能监测---一键发布1任务中心发布/2历史发布3是完单邀请4是重新发单
			async get_task_one(type) {
				let v = {
					type: type,
				};
				let res = await this.$fetch(this.$api.get_task_one, v, "POST");
				if (res.code) return uni.showToast({
					title: res.msg,
					icon: "none",
				});
			},
			// 获取本地视频路径
			handleUploadVideo() {
				let that = this;
				uni.chooseVideo({
					count: 1,
					sourceType: ["camera", "album"],
					success: function(res) {
						if (res.size / 1024 / 1024 > 20) return uni.showToast({
							title: "视频大小不能超过20M~",
							icon: "none",
						});
						if (that.task.taskVideo) {
							uni.showToast({
								title: "只能上传一个视频",
								icon: "none",
							});
							return;
						}
						that.uploadVideo(res.tempFilePath); //图片的本地文件路径列表res.tempFilePaths
					},
				});
			},
			//获取本地图片路径
			handleUploadImage() {
				let that = this;
				uni.chooseImage({
					count: 5 - that.pictureList.length, //最多可以选择的图片张数
					sizeType: ["compressed"], //可以指定是原图还是压缩图，默认二者都有
					success: function(res) {
						if (res.tempFilePaths.length + that.pictureList.length > 5) return uni.showToast({
							title: "最多上传5张图片",
							icon: "none",
						});
						that.uploadImgs(res.tempFilePaths); //图片的本地文件路径列表res.tempFilePaths
					},
				});
			},
			// 上传地址
			getBaseUrl() {
				let baseURL = process.env.NODE_ENV === "production" ? this.$api.pro // 生产环境接口地址
					: this.$api.dev; // 开发环境接口地址
				return baseURL + this.$api.uploadFile;
			},
			// 上传视频至七牛
			uploadVideo(urls) {
				uni.showLoading({
					title: "上传中",
				});
				uni.uploadFile({
					url: this.$api.uploadPic,
					name: "file",
					filePath: urls,
					method: "POST",
					formData: {
						token: this.uploadToken,
					},
					success: ({
						data
					}) => {
						data = JSON.parse(data);
						uni.hideLoading();
						if (data.code) {
							uni.showToast({
								title: data.msg,
								icon: "none",
							});
							return;
						}
						this.task.taskVideo = data.hash;
						//this.getNextFillin()
					},
				});
			},
			// 上传图片至七牛
			uploadImgs(urls) {
				urls.forEach((item) => {
					uni.uploadFile({
						url: this.getBaseUrl(),
						name: "file",
						filePath: item,
						formData: {
							token: uni.getStorageSync("token"),
						},
						success: ({
							data
						}) => {
							console.log(data, 7777);
							data = JSON.parse(data);
							if (data.code) {
								uni.showToast({
									title: data.msg,
									icon: "none",
								});
								return;
							}
							this.pictureList.push(data.data);
							console.log("上传返回hash" + data);
							//this.getNextFillin()
						},
					});
				});
			},
			// 删除视频
			handleDeleteVideo() {
				this.task.taskVideo = "";
			},
			//删除图片
			handleDelete(index) {
				this.pictureList.splice(index, 1);
				this.task.taskPic = this.pictureList.join();
			},
			// 获取日期
			getToday() {
				//今天的时间
				var day_0 = new Date();
				day_0.setDate(day_0.getDate());
				this.toDay = this.formatDate(day_0);
				// console.log('this.toDay',this.toDay)
				//明天的时间
				var day_1 = new Date();
				day_1.setDate(day_1.getDate() + 1);
				this.tomorrow = this.formatDate(day_1);
				// console.log('this.tomorrow',this.tomorrow)
			},
			formatDate(date) {
				var d = date,
					month = "" + (d.getMonth() + 1),
					day = "" + d.getDate(),
					year = d.getFullYear();
				if (month.length < 2) month = "0" + month;
				if (day.length < 2) day = "0" + day;
				return [year, month, day].join("-");
			},
			// 获取任务详情
			async task_detail() {
				let res = await this.$fetch(this.$api.task_detail, {
					taskId: this.taskId,
				}, "POST");
				if (res.code) return uni.showToast({
					title: res.msg,
					icon: "none",
				});
				// console.log('res.data.address', res.data.address)
				// type==old：不改人数，修改；type==new：重新发单
				if (this.type) {
					this.task.id = this.type == "bohui" ? this.taskId : "";
					this.task.address = this.getshowAdd(res.data.address);
					this.task.lat = res.data.lat;
					this.task.lng = res.data.lng;
					this.task.name = res.data.name;
					this.task.number = this.minNumber ? this.minNumber > res.data.number ? this.minNumber : res.data
						.number : res.data.number;
					this.task.region = res.data.region;
					// console.log('region', res.data.region);
					this.task.reward = res.data.reward.divide(100);
					this.task.sex = res.data.sex.toString();
					this.task.taskContent = res.data.taskContent;
					this.pictureList = res.data.taskPic ? res.data.taskPic.split() : [];
					this.task.taskType = res.data.taskType.toString();
					this.task.floorsAmount = res.data.floorsAmount.divide(100);
					this.task.taskVideo = res.data.taskVideo;
					this.task.telephone = res.data.telephone;
					this.task.age = res.data.age;
					this.task.disturbstatus = res.data.disturbstatus;
					if (this.task.disturbstatus == 1) {
						setTimeout(() => {
							this.newMsk = true;
						}, 1000);
					}
					if (this.task.taskType == 1) {
						this.doPrice(1);
					} else {
						this.doPrice(0);
					}
					setTimeout(() => {
						this.widthMove = ((this.task.reward - this.maxObj.reckonTimeMin) / (this.maxObj
							.reckonTimeMax - this.maxObj.reckonTimeMin)) * 600 - 22;
					}, 3000);
					this.rask.tasklabel = res.data.tasklabel;
					this.gwyqCheckboxItemSelected = this.rask.tasklabel ? this.rask.tasklabel.split(",") : [];
				}
			},
			getshowAdd(add) {
				if (add.includes("·")) {
					if (add.split("·").length > 3) {
						add = add.split("·");
						this.ShowAdd = add.slice(3).toString();
						add = add.slice(0, 3).join("·");
					}
				}
				return add;
			},
			// 发布任务时 缴纳保证金配置(元/人)
			async getData() {
				let res = await this.$fetch(this.$api.property_list_by_type, {
					type: 1,
				}, "POST");
				if (res.code) return uni.showToast({
					title: res.msg,
					icon: "none",
				});
				// this.minimumWage = res.data.piece_time_lowest_amount
				// console.log(this.minimumWage)
				this.formBaodi = res.data.piece_time_lowest_amount.split(",");
				// if (this.task.floorsAmount == "") {
				// 	this.task.floorsAmount = this.formBaodi[0];
				// }
				uni.setStorageSync("bond", res.data.bond);
				if (res.data.Release_notes != "") {
					this.truexianshi = "block";
					this.textlie = res.data.Release_notes;
				}
				this.bond = res.data.bond;
				this.piece_tip = res.data.piece_tip;
				this.time_lowest_amount = res.data.time_lowest_amount;
				//console.log('计时最低时薪', time_lowest_amount)
			},
			// 获取热门和历史任务标题
			async get_lately_task_name(parms = "") {
				let positionTemp;
				if (parms) {
					positionTemp = parms;
				} else {
					positionTemp = "BUSINESS_SAVE_TASK";
				}
				let res = await this.$fetch(this.$api.get_lately_task_name_v2, {
					pageSize: 18,
					position: positionTemp,
				}, "POST");
				this.seedingArr = res.data.banner;
				this.myTasks = [];
				res.data.myTask.forEach((item) => {
					if (this.myTasks.indexOf(item) == -1) {
						this.myTasks.push(item);
					}
				});
				this.hotTasks = res.data.hot;
				if (!res.data.isSettlement) return uni.showToast({
					title: "您有雇员未结算，请结算后再发布~",
					icon: "none",
				});
			},
			changeNext() {
				this.hotTasks.sort(() => Math.random() - Math.random());
			},
			//获取七牛上传TOKEN
			async getUploadToken() {
				let res5 = await this.$fetch(this.$api.get_qiniu_token, {}, "POST");
				uni.setStorageSync("uploadToken", res5.msg);
				this.uploadToken = uni.getStorageSync("uploadToken");
			},
			//获取当日时间
			getToDay() {
				this.day0 = new Date();
				this.day0.setDate(this.day0.getDate());
				this.hour = parseInt(this.day0.format("hh"));
				this.minute = parseInt(this.day0.format("mm"));
				this.minflag = Math.ceil(this.minute / 10) * 10 + 30;
			},
			// 根据当前时间给出时间选择范围
			handleGetRange(isEnd) {
				//	console.log("11111")
				// 今天修改时间选择器范围
				this.timeList = [
					[],
					[]
				];
				if (this.timeFlag == 0) {
					// 当前时间
					this.day_0 = new Date();
					this.day0.setDate(this.day0.getDate());
					this.hour = parseInt(this.day0.format("hh"));
					this.minute = parseInt(this.day0.format("mm"));
					this.minflag = Math.ceil(this.minute / 10) * 10 + 30;
					if (isEnd) {
						//console.log(typeof this.startHour,typeof this.startMinute)
						this.hour = this.startHour != "" ? parseInt(this.startHour) : this.hour;
						this.minflag = this.startMinute != "" ? parseInt(this.startMinute) : this.minflag;
						this.minflag += 30;
					}
					if (this.minflag >= 60) {
						this.hour += Math.floor(this.minflag / 60);
						this.hour = this.hour <= 23 ? this.hour : this.hour - 24;
						this.minflag = this.minflag - 60 * Math.floor(this.minflag / 60);
					}
					this.timeList = [
						[],
						[]
					];
					this.timeList[0] = Array.from(Array(24), (v, k) => k < 10 ? "0" + k : k).slice(this.hour);
					this.timeList[1] = Array.from(Array(6), (v, k) => k == 0 ? "00" : k * 10).slice(this.minflag / 10);
					// console.log('this.timeList[0]', this.timeList[0])
					// 明天重置时间选择器范围
				} else {
					this.timeList = [
						[],
						[]
					];
					this.timeList[0] = Array.from(Array(24), (v, k) => k < 10 ? "0" + k : k);
					this.timeList[1] = Array.from(Array(6), (v, k) => k == 0 ? "00" : k * 10);
					//this.timeList[1] = Array.from(Array(60), (v, k) => k < 10 ? '0' + k : k)
				}
			},
			// 获取当前用户信息，及服务标识
			async getUserInfo() {
				let res = await this.$fetch(this.$api.get_current_user, {}, "GET");
				this.issuanceNum = res.data.issuanceNum;
				if (res.code) return uni.showToast({
					title: res.msg,
					icon: "none",
				});
				this.taskSuccessTotal = res.data.taskSuccessTotal;
				if (res.data.issuanceNum >= 2 && res.data.idCardStatus == 1 && this.idCar) {
					uni.showToast({
						title: "信息审核中，暂不能发布",
						icon: "none",
					});
					this.idCar = false;
				}
				this.idCardStatus = res.data.idCardStatus;
				this.tiyanCardtime = res.data.cardtime;
				this.ykCount = res.data.cardNumber ? res.data.cardNumber : 0;
				this.levelNubmer = res.data.levelNubmer;
				// this.ykName = res.data.cardUserType == 1 ? "月卡" : res.data.cardUserType == 2 ? "半年卡" : res.data
				// 	.cardUserType == 3 ? "年卡" : res.data.cardUserType == 0 ? "0" : "体验卡";
				// if (res.data.cardUserType == 4) {
				// 	this.ykName = "体验卡";
				// }
				this.ykName = res.data.cardName;
				uni.setStorageSync("userInfo", res.data);
				uni.setStorageSync("userType", res.data.userType);
				uni.setStorageSync("level", res.data.user.level); //用户等级
				this.serverFlag = res.data.user.serverFlag;
				this.isLevelsd = res.data.user.level;
			},
			//更改状态栏左上角的按钮text
			async setNavTabButtonText() {
				if (this.isFillin) {
					//获取推荐价格范围
					if (this.task.taskType == "1") {
						// 使用计件
						// 判断是否填写岗位信息
						this.task.reward = 26;
						this.historyReward = 26;
						this.widthMove = (10 / (this.maxObj.reckonTimeMax - this.maxObj.reckonTimeMin)) * 600 - 22;
						// if (!this.isClickStep) {
						// 	this.isClickStep = true
						if (this.task.taskContent) {
							this.progress += 45;
						} else {
							this.progress += 30;
						}
						// }
					} else {
						// 使用计时
						// 判断是否有价格
						if (this.task.reward) {} else {
							this.task.reward = parseInt(
								(this.maxObj.reckonTimeMiddleUpper + this.maxObj.reckonTimeMiddleLower) / 2);
							this.widthMove = ((this.maxObj.reckonTimeMiddleUpper - this.maxObj.reckonTimeMin) / (this
								.maxObj.reckonTimeMax - this.maxObj.reckonTimeMin)) * 600 - 22;
						}
						// if (!this.isClickStep) {
						this.isClickStep = true;
						this.progress += 45;
						// }
					}
					let res = await this.$fetch(this.$api.cancel_dictValue, {
						dictType: "recommendSalary",
					}, "POST");
					if (res.code) return uni.showToast({
						title: res.msg,
						icon: "none",
					});
					uni.setStorageSync("recommendSalary", res.data);
					this.competitives = recommendSalary(this.task.sex, this.workTime);
					this.isShowNextPage = true;
					this.get_lately_task_name("BUSINESS_SAVE_TASK_2");
					// #ifdef APP-PLUS
					let webView = this.$scope.$getAppWebview();
					// 修改buttons
					webView.setTitleNViewButtonStyle(0, {
						text: "2/2  ",
					});
					// #endif
					uni.pageScrollTo({
						scrollTop: 0,
					});
					this.getLabourPriceByCity(this.task.region);
				}
			},
			//获取定位地址
			getChooseLocation(addressText, latitude, longitude, region) {
				console.log(addressText, "回来地址信息");
				// location: {
				// 	"latitude": 29.30500,
				// 	"longitude": 120.10500
				// }, //地图中心经纬度
				//console.log('定位',addressText, latitude, longitude, region)
				if (29.305 <= latitude && latitude <= 29.3052 && 120.105 <= longitude && longitude <= 120.1052) {
					return uni.showToast({
						title: "请不要选择默认地址~",
						icon: "none",
					});
				}
				this.task.address = addressText;
				this.task.lat = latitude;
				this.task.lng = longitude;
				this.task.region = region;
			},
			//任务草稿点击事件
			handleSt() {
				this.task.disturbstatus = this.task.disturbstatus == 0 ? 1 : 0;
				if (this.task.disturbstatus == 1) {
					this.newMsk = true;
				} else {
					this.newMsk = false;
				}
			},
			// 使用草稿情况
			isShowTaskDraftsClick(fabu) {
				this.isShowTaskDrafts = false;
				if (!fabu) {
					this.removeTaskDrafts();
					return;
				}
				this.selectJobAgeOK();
				let tasks = uni.getStorageSync("taskDrafts")[0];
				this.task.address = tasks.address ? tasks.address : "";
				this.task.lat = tasks.lat ? tasks.lat : "";
				this.task.ageMin = tasks.ageMin;
				this.task.ageMax = tasks.ageMax;
				this.task.lng = tasks.lng ? tasks.lng : "";
				this.task.name = tasks.name ? tasks.name : "";
				this.task.number = tasks.number ? tasks.number : 0;
				this.task.region = tasks.region ? tasks.region : "";
				console.log("tasks.region", tasks.region);
				this.task.reward = tasks.reward ? tasks.reward : "";
				this.task.jijian = tasks.jijian ? tasks.jijian : "";
				this.task.sex = tasks.sex ? tasks.sex.toString() : "";
				this.task.taskContent = tasks.taskContent ? tasks.taskContent : "";
				this.task.taskType = tasks.taskType ? tasks.taskType.toString() : "";
				this.task.floorsAmount = tasks.floorsAmount || this.maxObj.min;
				this.task.taskVideo = tasks.taskVideo ? tasks.taskVideo : "";
				this.task.taskPic = uni.getStorageSync("taskDrafts")[2] ? uni.getStorageSync("taskDrafts")[2] : "";
				this.task.telephone = tasks.telephone ? tasks.telephone : "";
				this.task.age = tasks.age ? tasks.age : "";
				this.task.disturbstatus = tasks.disturbstatus;
				this.changeCurrentIndex = tasks.taskType ? tasks.taskType.toString() : "";
				if (this.task.disturbstatus == 1) {
					setTimeout(() => {
						this.newMsk = true;
					}, 1000);
				}
				if (this.task.taskType == 1) {
					this.doPrice(1);
				} else {
					this.doPrice(0);
				}
				setTimeout(() => {
					let widthMove = uni.getStorageSync("widthMove");
					this.widthMove = widthMove;
					let percent = (widthMove + 22) / 600;
					let price = Math.round(percent * (this.maxObj.reckonTimeMax - this.maxObj.reckonTimeMin)) +
						this.maxObj.reckonTimeMin;
					this.task.reward = price;
				}, 1000);
				this.isBaodiChange = uni.getStorageSync("isBaodiChange");
				this.ageWidth2 = (594 / (56 - 18)) * ((this.task.ageMin == "不限" ? 56 : this.task.ageMin) - 18); //左边
				this.ageWidth = (594 / (56 - 18)) * ((this.task.ageMax == "不限" ? 56 : this.task.ageMax) - 18); //右边
				this.ShowAdd = uni.getStorageSync("taskDrafts")[1] ? uni.getStorageSync("taskDrafts")[1] : "";
				this.gwyqCheckboxItemSelected = tasks.tasklabel ? tasks.tasklabel.split(",") : [];
				if (this.task.name != "") {
					this.progress += 10;
					this.historyTitle = this.task.name;
				}
				if (this.task.number != 0) {
					this.progress += 10;
				}
				if (this.ShowAdd != "") {
					this.progress += 5;
					this.showAddHistory = 1;
				}
			},
			//保存任务草稿
			getTaskDrafts() {
				if (this.isRecordTaskDrafts) {
					uni.setStorageSync("taskDrafts", [
						this.task,
						this.ShowAdd,
						this.pictureList.join(),
					]);
				}
				uni.setStorageSync("isBaodiChange", this.isBaodiChange);
			},
			//删除任务草稿
			removeTaskDrafts() {
				uni.removeStorageSync("taskDrafts");
				this.isRecordTaskDrafts = false;
			},
			//根据城市获取雇员最低价
			async getLabourPriceByCity(region) {
				region = {
					count1: this.workTime,
					region: region,
				};
				let res = await this.$fetch(this.$api.city_data_user, region, "POST");
				if (res.code) return uni.showToast({
					title: res.msg,
					icon: "none",
				});
				this.time_lowest_amount = parseInt(res.msg);
			},
			//邀请雇员接单
			async invitationOrder(users) {
				if (users.length == 0) {
					return;
				} else {
					for (let i = 0; i < users.length; i++) {
						let res = await this.$fetch(this.$api.invitation_order, {
							taskId: this.newTaskId,
							userIds: users[i],
						}, "POST");
						if (res.code) return uni.showToast({
							title: res.msg,
							icon: "none",
						});
					}
				}
			},
			//接收任务时间
			getTaskTime(timeList) {
				console.log(timeList, 444444);
				this.task.startTime = timeList[0];
				this.task.endTime = timeList[1];
				this.isShowTimeSelect = false;
				this.timeFlag = timeList[2];
				this.isStartTaskTomorrowFlag = this.timeFlag;
				this.isTaskTomorrowFlag = timeList[2];
				this.isTaskTomorrowFlag2 = timeList[3];
				if (!this.isClickTime) {
					this.isClickTime = true;
					this.progress += 10;
				}
				this.startHour = (this.isTaskTomorrowFlag == 100 && parseInt(this.task.startTime.split(" ")[1].split(":")[
					0])) || (this.isTaskTomorrowFlag == 101 && 24 + parseInt(this.task.startTime.split(" ")[1].split(
					":")[0]));
				this.startMinute = this.task.startTime.split(" ")[1].split(":")[1];
				this.endHour = (this.isTaskTomorrowFlag2 == 100 && this.task.endTime.split(" ")[1].split(":")[0]) || (this
					.isTaskTomorrowFlag2 == 101 && 24 + parseInt(this.task.endTime.split(" ")[1].split(":")[0])) || (
					this.isTaskTomorrowFlag2 == 102 && 48 + parseInt(this.task.endTime.split(" ")[1].split(":")[0]));
				// this.endHour = [101].includes(this.isTaskTomorrowFlag2) ? 24 + parseInt(this.task.endTime.split(' ')[1]
				// 	.split(':')[0]) : this.task.endTime.split(' ')[1].split(':')[0]
				this.endMinute = this.task.endTime.split(" ")[1].split(":")[1];
				setTimeout(() => {
					this.calWorkTime();
				}, 500);
			},
			//计算是否是最低工价
			isLowest_Amount() {
				this.$u.debounce(() => {
					if (this.task.taskType == "0" && this.task.reward >= 10 && this.task.reward <= 999) {
						this.getYhReward(this.task.reward);
					}
					if (this.time_lowest_amount != -1) {
						if (this.task.reward != "") {
							if (this.task.reward < this.maxObj.min && this.task.taskType == 0) {
								this.isNextFillin = false;
								return uni.showToast({
									title: "任务工价不能低于" + this.maxObj.reckonTimeMin + "元/小时~",
									icon: "none",
								});
							} else {
								this.isNextFillin = true;
							}
						}
					} else {
						this.isNextFillin = false;
					}
				}, 500);
			},
			goToBuyJiayou() {
				uni.navigateTo({
					url: "/pages/bossMonthCard/straightCard",
				});
			},
			gwyqCheckboxItemClick(string) {
				let item = `#${string}#`;
				if (this.gwyqCheckboxItemSelected.includes(item)) {
					this.gwyqCheckboxItemSelected.splice(this.gwyqCheckboxItemSelected.indexOf(item), 1);
				} else {
					if (this.gwyqCheckboxItemSelected.length < 5) {
						this.gwyqCheckboxItemSelected.push(item);
					} else {
						uni.showToast({
							title: "最多选择5个标签",
							icon: "none",
						});
					}
				}
				this.task.tasklabel = this.gwyqCheckboxItemSelected.join("");
			},
			// 得到定位
			doGetLocation() {
				/* let system = uni.getSystemInfoSync();
				if (system.platform == 'ios') {
					let jinweidu = uni.getStorageSync('location')
					this.getAddressText({
						latitude: jinweidu[0],
						longitude: jinweidu[1]
					})
				} else { */
				uni.getLocation({
					type: "gcj02",
					altitude: true,
					geocode: true,
					success: (res) => {
						this.getAddressText({
							latitude: res.latitude,
							longitude: res.longitude,
						});
					},
					fail: (err) => {},
				});
				// }
			},
			//由经纬度，得到具体地址
			getAddressText(point) {
				// console.log('经纬度', point);
				this.task.lat = point.latitude;
				this.task.lng = point.longitude;
				this.mapLat = point.latitude;
				this.mapLng = point.longitude;
				this.getAdcode(point); //由经纬度获取街道代码
				var that = this;
				plus.maps.Map.reverseGeocode(point, {}, function(event) {
					console.log("省|市|自治区|自治州|县|区|街道|镇|乡", event);
					let adress = event.address;
					let reg = /.+?(省|市|自治区|自治州|县|区|街道|镇|乡)/g;
					adress.match(reg)[4];
					let detailStreet = adress.slice(
						(adress.match(reg)[0] + adress.match(reg)[1] + adress.match(reg)[2] + adress.match(
							reg)[3]).length);
					that.task.address = adress.match(reg)[2] + "·" + adress.match(reg)[3] + "·" + detailStreet;
				});
			},
			// 由经纬度查询街道的行政代码
			getAdcode(point) {
				uni.request({
					url: "https://restapi.amap.com/v3/geocode/regeo?parameters",
					data: {
						key: "39fcf04d6c9deb64c8436b40445c829e",
						location: point.longitude + "," + point.latitude,
					},
					success: (res) => {
						this.task.region = res.data.regeocode.addressComponent.towncode;
					},
					fail: (err) => {
						console.log("err", err);
					},
				});
			},
			//动态工价
			doPrice(e = 0) {
				this.$fetch(this.$api.view_the_lowest_wage_configuration, {
					taskType: e,
					region: this.task.region.slice(0, 6),
				}, "POST").then((res) => {
					let {
						code,
						msg,
						data
					} = res;
					if (code) {
						uni.showToast({
							title: msg,
							icon: "none",
						});
						return;
					}
					this.maxObj = data;
					if (!this.task.floorsAmount && e == 1) {
						this.task.floorsAmount = this.maxObj.min;
					}
				});
			},
			/**
			 * index=0   计时
			 * index=1    计件
			 * */
			changeTaskType(index) {
				this.doPrice(index);
				if (index != this.changeCurrentIndex) {
					this.changeCurrentIndex = index;
					this.task.taskType = index;
					if (this.task.taskContent) this.historyTaskContent = 1;
					if (index == 1) {
						// 切换为计件
						this.isFirstInSe2 = true;
						if (!this.task.taskContent) {
							this.isNextFillin = false;
							if (this.isFirstInSe) {
								this.isFirstInSe = false;
								this.progress -= 20;
							}
						}
					} else {
						// 切换为计时
						this.isFirstInSe = true;
						if (this.isFirstInSe2) {
							this.isFirstInSe2 = false;
							if (!this.task.taskContent) {
								this.progress += 20;
							}
						}
					}
				}
			},
			// 计件描述输入
			taskContentInput(e) {
				if (this.task.taskType == 1) {
					let el = e.detail.value;
					console.log(this.historyTaskContent);
					console.log(el);
					if (this.historyTaskContent == 0) {
						if (el) {
							this.progress += 20;
							this.historyTaskContent = 1;
						}
					} else {
						if (!el) {
							this.progress -= 20;
							this.historyTaskContent = 0;
						}
					}
					if (this.task.reward && (this.pictureList.length !== 0 || this.task.taskVideo) && this.task
						.tasklabel) {
						this.isNextFillin = true;
					}
					if (!el) {
						this.isNextFillin = false;
					}
				}
			},
			onBackPress(e) {
				if (this.isShowNextPage) {
					this.isShowNextPage = false;
					this.progress = 50;
					this.get_lately_task_name();
					// #ifdef APP-PLUS
					let webView = this.$scope.$getAppWebview();
					// 修改buttons
					webView.setTitleNViewButtonStyle(0, {
						text: "1/2  ",
					});
					// #endif
					return true;
				}
			},
		},
		updated() {
			if (this.updatedCount <= 0) {
				if (!this.type) {
					if (!this.isShowTaskDrafts && (this.task.name != "" || this.task.number != 1 || this.task.sex != 2 ||
							this.task.address != "")) {
						this.getTaskDrafts();
					}
				}
			} else {
				this.updatedCount--;
			}
			if (this.isShowNextPage) {
				this.getNextFillin();
			} else {
				this.getFillin();
			}
		},
		destroyed() {
			console.log("destroyed");
			clearInterval(this.timer2);
		},
		onPageScroll(res) {
			if (res.scrollTop == 0) {
				this.truexianshizt = "relative";
			} else {
				if (this.truexianshizt != "fixed") {
					this.truexianshizt = "fixed";
				}
			}
		},
	};
</script>
<style lang="less">
	.m-right-30 {
		margin-right: 30rpx;
	}

	.container {
		width: 100%;
		overflow: hidden;
		position: relative;

		.head-progress {
			width: 100%;
			height: 134rpx;
			background: #ffffff;
			// border-radius: 0rpx 0rpx 0rpx 0rpx;
			opacity: 1;
			position: fixed;
			top: 0;
			display: flex;
			justify-content: center;
			align-items: center;
			position: relative;

			.strip {
				/* 父元素相对定位 */
				position: relative;
				width: 90vw;
				height: 8rpx;
				background-color: #f5f5f5;
				border-radius: 20rpx;

				.blue {
					height: 14rpx;
					background: linear-gradient(270deg, #fc361d 40%, #fcc928 70%);
					border-radius: 20rpx;

					// transition: all 0.3s ease-in;
					.text {
						display: flex;
						justify-content: center;
						align-items: center;
						width: 136rpx;
						height: 38rpx;
						background: #ffede6;
						font-size: 24rpx;
						font-family: PingFang SC-Regular, PingFang SC;
						font-weight: 400;
						color: #262626;
						border-radius: 24rpx 24rpx 24rpx 24rpx;
						// opacity: 0.1;
						z-index: 99;
						position: absolute;
						/* 定位方向：属性值 */
						top: -65rpx;
					}

					.proImg {
						width: 96rpx;
						height: 56rpx;
						/* 子元素绝对定位   */
						z-index: 99;
						position: absolute;
						/* 定位方向：属性值 */
						top: -22rpx;
					}
				}
			}

			.next {
				height: 80rpx;
				width: 80rpx;
				position: absolute;

				.next-head {
					position: absolute;
					top: 66rpx;
					right: -48rpx;
				}

				.next-head-fabu {
					position: absolute;
					top: 66rpx;
					right: -60rpx;
				}

				.nextImg {
					width: 100%;
					height: 100%;
				}

				text {
					// width: 60rpx;
					// position: absolute;
					// bottom: -26rpx;
					// height: 26rpx;
					font-size: 20rpx;
					font-family: PingFang SC-Bold, PingFang SC;
					font-weight: bold;
					color: #262626;
					// line-height: 0rpx;
				}
			}

			.nexttwo {
				position: absolute;
				right: 28rpx;
			}
		}

		// border: 1px solid;
		.title {
			height: 30rpx;
			background-color: #f2f2f2;
			font-size: 32rpx;
			font-weight: bold;
			color: #402110;
			line-height: 45rpx;
			display: flex;
			align-items: center;
			margin-left: 30rpx;
		}

		.base-info {
			padding: 20rpx 20rpx 0;
			border-radius: 24rpx;

			.item {
				display: flex;
				justify-content: space-between;
				align-items: center;
				height: 140rpx;
				width: 95%;
				margin: 0 auto;
				position: relative;
				background: #fff;
				opacity: 1;

				.leftText {
					font-size: 32rpx;
					font-weight: bold;
					color: #402110;
					// line-height: 45rpx;
					margin-left: 30rpx;
					white-space: nowrap;
				}

				.renshu {
					height: 40rpx;
					width: 220rpx;
					display: flex;
					align-items: center;
					justify-content: flex-end;
					.m-right-30;

					.isred {
						color: #fc361d;
					}

					&>image {
						padding: 0 20rpx;
						height: 40rpx;
						width: 40rpx;
						border: 10rpx solid transparent;
					}

					&>input {
						font-size: 32rpx;
						font-weight: bold;
						color: #402110;
						line-height: 45rpx;
						text-align: center !important;
						margin: 0;
					}
				}

				input {
					text-align: right;
					font-size: 28rpx;
					font-weight: bold;
					color: #402110;
					line-height: 45rpx;
					// flex: 1;
					.m-right-30;
				}

				// &::before {
				// 	content: "";
				// 	position: absolute;
				// 	width: 690rpx;
				// 	left: 30rpx;
				// 	bottom: -1rpx;
				// 	height: 1rpx;
				// 	background: #ffff;
				// }
				.selcetSex1 {
					width: 52%;
					// border: 1px solid;
					// flex: 1;
					font-size: 28rpx;
					display: flex;
					justify-content: space-between;
					align-items: center;
					// border: 1px solid red;
					padding-right: 30rpx;

					.selected1 {
						width: 108rpx;
						height: 78rpx;
						display: flex;
						justify-content: center;
						align-items: center;
						background-color: #fcc928;
						border-radius: 8rpx;
						// font-weight: 600;
						// border: 1px solid red;
						// margin-right: 30rpx;
					}

					.selected3 {
						width: 108rpx;
						height: 78rpx;
						display: flex;
						justify-content: center;
						align-items: center;
						background-color: #fcc928;
						border-radius: 8rpx;
						// font-weight: 600;
						// border: 1px solid red;
						// margin-right: 30rpx;
					}

					.select3 {
						width: 108rpx;
						height: 78rpx;
						display: flex;
						justify-content: center;
						align-items: center;
						background-color: #f1f1f5;
						border-radius: 8rpx;
						// margin-right: 30rpx;
						// border: 1px solid;
					}

					.select1 {
						width: 108rpx;
						height: 78rpx;
						display: flex;
						justify-content: center;
						align-items: center;
						background-color: #f1f1f5;
						border-radius: 4rpx;
						// margin-right: 30rpx;
						// border: 1px solid;
					}
				}

				.selcetSex {
					.m-right-30;
					display: flex;
					flex-direction: row;
					align-items: center;

					&>.text-type {
						font-size: 28rpx;
						font-weight: 500;
						color: #ababab;
						line-height: 44rpx;
						display: flex;
						align-items: center;
					}

					&>image {
						width: 32rpx;
						height: 32rpx;
					}

					&>text {
						font-size: 28rpx;
						font-weight: 500;
						color: #402110;
						line-height: 45rpx;
						margin-left: 24rpx;
					}
				}
			}
		}

		.gwyq-checkbox {
			//width: 690rpx;
			padding: 40rpx 0 0 30rpx;
			background: #ffffff;
			// display: flex;
			// flex-direction: row;
			// flex-wrap: wrap;
			overflow-x: auto;
			display: -webkit-box;
			-webkit-overflow-scrolling: touch;
			// margin: 0.5rem 0.5rem
		}

		.gwyq-checkbox-item {
			padding: 0 17rpx;
			height: 48rpx;
			background: #f2f2f2;
			border-radius: 8rpx;
			margin-bottom: 10rpx;
			margin-right: 11rpx;
			font-size: 24rpx;
			font-weight: 500;
			color: #1a1a1a;
			line-height: 48rpx;
			text-align: center;
		}

		.gwyq-checkbox-item-selected {
			padding: 0 17rpx;
			height: 48rpx;
			background: rgba(252, 201, 40, 0.2);
			border-radius: 8rpx;
			margin-bottom: 10rpx;
			margin-right: 11rpx;
			font-size: 24rpx;
			font-weight: 500;
			color: #f08500;
			line-height: 48rpx;
			text-align: center;
		}

		.post-content {
			// border: 1px solid #000000;
			width: 95%;
			height: 80rpx;
			background: #ffffff;
			// width: 690rpx;
			padding: 30rpx 0rpx;
			font-size: 28rpx;
		}

		.post-video {
			// border: 1px solid #000000;
			// padding-top: 10rpx;
			padding-left: 30rpx;
			padding-bottom: 30rpx;
			background: #fff;
			display: flex;

			&>view:first-child {
				display: flex;
				align-items: center;

				video {
					.m-right-30;
					width: 500rpx;
					height: 310rpx;
				}

				// 删除视频
				&>view {
					padding: 10rpx 15rpx;
					border-radius: 15rpx;
					background-color: #fcc928;

					&:active {
						opacity: 0.7;
					}
				}
			}

			&>view {
				&>image {
					width: 210rpx;
					height: 210rpx;
				}
			}
		}

		.new-g-w {
			position: relative;
			width: 91%;
			height: 100%;
			padding: 0 36rpx;
			margin: 30rpx auto 0;

			.new-g-w-p {
				width: 100%;
				height: 100%;
				position: absolute;
				left: 0;
				bottom: 0;
				z-index: 9999999999999;
				background-color: rgba(0, 0, 0, 0.7);
				display: flex;
				justify-content: center;
				align-items: center;

				image {
					width: 70%;
					height: 100%;
				}
			}
		}

		.post-pics {
			// border: 1px solid #000000;
			padding-top: 10rpx;
			padding-left: 30rpx;
			background: #fff;
			display: flex;
			flex-wrap: wrap;

			&>view {
				// border: 1px solid #000000;
				width: 210rpx;
				height: 210rpx;
				position: relative;
				.m-right-30;
				margin-bottom: 30rpx;

				&>.close {
					position: absolute;
					right: -43rpx;
					top: -17rpx;
					width: 34rpx;
					height: 34rpx;
					z-index: 9;
				}
			}

			image {
				width: 210rpx;
				height: 210rpx;
				.m-right-30;

				&:nth-child(3n) {
					margin-right: 0;
				}
			}
		}

		.task-name-modal {

			// 遮罩层
			.mask {
				// border: 1px solid #000000;
				z-index: 9;
				width: 100vw;
				position: absolute;
				top: 240rpx;
				height: calc(100vh - 185rpx);
				pointer-events: none;
				background: transparent;
				transition: all 0.3s;

				&.show {
					background: rgba(0, 0, 0, 0.4);
					pointer-events: auto;
				}
			}

			// 白色筛选框
			&>.screen {
				box-sizing: border-box;
				width: 100%;
				border-left: 40rpx solid #f1f3f4;
				border-right: 40rpx solid #f1f3f4;
				position: absolute;
				z-index: 99;
				background: #ffffff;
				top: 240rpx;
				overflow: hidden;

				// 统一的白色样式
				&>.filter-screen {
					// border: 1px solid #007AFF;
					height: 0;
					transition: height 0.3s;
					display: flex;

					&.show {
						height: 440rpx;
					}

					.task-title {
						font-size: 28rpx;
						font-weight: bold;
						color: #402110;
						line-height: 45rpx;
						margin-left: 30rpx;
						margin-top: 10rpx;
						margin-bottom: 20rpx;
					}

					.task-div {
						width: 98%;
						margin: 0 auto;
						display: flex;
						justify-content: flex-start;
						align-items: center;

						.task-div-inner {
							width: 33.33%;
							height: 50rpx;
							display: flex;
							justify-content: center;
							align-items: center;

							.task-content1 {
								width: 70%;
								padding: 0 15rpx;
								height: 64rpx;
								display: flex;
								justify-content: center;
								align-items: center;
								background: #f5f5f5;
								border-radius: 8rpx;
								position: relative;

								.task-content1-hot {
									position: absolute;
									right: -10rpx;
									top: 0;
									border-radius: 8rpx;
									background: #ff6547;

									text {
										padding: 0 6rpx;
										font-size: 20rpx;
										color: #fff;
									}
								}

								text {
									width: 90%;
									text-overflow: ellipsis;
									overflow: hidden;
									white-space: nowrap;
									text-align: center;
								}
							}
						}
					}
				}
			}
		}

		.task-name-modal-apple {

			// 遮罩层
			.mask {
				// border: 1px solid #000000;
				z-index: 9;
				width: 100vw;
				position: absolute;
				top: 240rpx;
				height: calc(100vh - 185rpx);
				pointer-events: none;
				background: transparent;
				transition: all 0.3s;

				&.show {
					background: rgba(0, 0, 0, 0.4);
					pointer-events: auto;
				}
			}

			// 白色筛选框
			&>.screen {
				box-sizing: border-box;
				width: 100%;
				border-left: 40rpx solid #f1f3f4;
				border-right: 40rpx solid #f1f3f4;
				position: absolute;
				z-index: 99;
				background: #ffffff;
				top: 240rpx;
				overflow: hidden;

				// 统一的白色样式
				&>.filter-screen {
					// border: 1px solid #007AFF;
					height: 0;
					transition: height 0.3s;
					display: flex;

					&.show {
						height: 440rpx;
					}

					.task-title {
						font-size: 28rpx;
						font-weight: bold;
						color: #402110;
						line-height: 45rpx;
						margin-left: 30rpx;
						margin-top: 10rpx;
						margin-bottom: 20rpx;
					}

					.task-div {
						width: 98%;
						margin: 0 auto;
						display: flex;
						justify-content: flex-start;
						align-items: center;

						.task-div-inner {
							width: 33.33%;
							height: 50rpx;
							display: flex;
							justify-content: center;
							align-items: center;

							.task-content1 {
								width: 70%;
								padding: 0 15rpx;
								height: 64rpx;
								display: flex;
								justify-content: center;
								align-items: center;
								background: #f5f5f5;
								border-radius: 8rpx;
								position: relative;

								.task-content1-hot {
									position: absolute;
									right: -10rpx;
									top: 0;
									border-radius: 8rpx;
									background: #ff6547;

									text {
										padding: 0 6rpx;
										font-size: 20rpx;
										color: #fff;
									}
								}

								text {
									width: 90%;
									text-overflow: ellipsis;
									overflow: hidden;
									white-space: nowrap;
									text-align: center;
								}
							}
						}
					}
				}
			}
		}
	}

	.select {
		width: 28rpx;
		height: 28rpx;
		border: 2rpx solid #402110;
		opacity: 0.3;
		border-radius: 50%;
		margin-left: 50rpx;
	}

	.selected {
		width: 32rpx;
		height: 32rpx;
		background-image: url(../../../static/icon1/hdg.png);
		background-repeat: repeat;
		background-size: 100% 100%;
		margin-left: 50rpx;
	}

	.jobDate {
		width: 228rpx;
		height: 72rpx;
		background-color: rgba(252, 201, 40, 0.1);
		border: 1rpx solid #fcc928;
		border-radius: 36rpx;
		font-size: 28rpx;
		font-weight: 500;
		color: #402110;
		line-height: 45rpx;
		display: flex;
		.m-right-30;
	}

	.dateSelect {
		width: 114rpx;
		height: 72rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.dateSelected {
		background: #fcc928;
		width: 116rpx;
		height: 72rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 34rpx;
	}

	.jobTimeStartEnd {
		font-size: 28rpx;
		font-weight: 500;
		color: #ababab;
		line-height: 45rpx;
		display: flex;
		align-items: center;
		.m-right-30;
	}

	.calcTime {
		font-size: 28rpx;
		color: #ababab;
		line-height: 45rpx;
	}

	.calcOkTime {
		font-size: 28rpx;
		color: #fc2828;
		line-height: 45rpx;
	}

	.rightAddDiv {
		width: 184rpx;
		height: 60rpx;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		opacity: 1;
		border: 2rpx solid #a5a5a5;
		font-size: 28rpx;
		margin-right: 26rpx;
		padding-left: 20rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;

		&:nth-last-child(1)>image {
			.m-right-30;
			width: 32rpx;
			height: 32rpx;
		}
	}

	.rightAddText {
		font-size: 28rpx;
		font-weight: 500;
		color: #ababab;
		line-height: 45rpx;
	}

	.completeAddress {
		width: 95%;
		margin: 0 auto;
		height: 134rpx;
		background: #ffffff;

		&>textarea {
			margin-left: 30rpx;
			// margin-top: 30rpx;
			width: 690rpx;
			height: 104rpx;
			font-size: 28rpx;
			font-weight: 500;
			color: #ababab;
			line-height: 45rpx;
		}
	}

	.selectJobAge {
		width: 100%;
		height: 572rpx;
		background: #ffffff;
		display: flex;
		position: fixed;
		bottom: 0;
		border-radius: 12rpx 12rpx 0 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		overflow: hidden;
	}

	.selectJobAge-header {
		width: 690rpx;
		height: 136rpx;
		background: #ffffff;
		// margin-left: 30rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 40rpx;
		font-weight: 800;
		color: #262626;
	}

	.selectJobAge-tip {
		height: 50rpx;
		margin-top: -26rpx;

		.selectJobAge-content {
			font-size: 28rpx;
			font-weight: 800;
			height: 100rpx;

			ba &>text:last-child {
				color: rgba(255, 0, 0, 1);
				font-size: 36rpx;
				margin-left: 12rpx;
			}
		}
	}

	.selectJobAge-body {
		display: flex;
		flex-direction: column;
		justify-content: space-between;

		.timer {
			width: 594rpx;
			background: #ffffff;
			margin: 108rpx auto 0;
			position: relative;

			&-line {
				width: 594rpx;
				height: 8rpx;
				background: linear-gradient(270deg,
						#4e9900 0%,
						#6ba107 23%,
						#fcc928 50%,
						#fcb426 64%,
						#fc6d21 89%,
						#fc431e 100%);
				border-radius: 4rpx;
				opacity: 1;
				position: relative;

				&-tip3 {
					position: absolute;
					width: 32rpx;
					height: 32rpx;
					background: #FFFFFF;
					box-shadow: 0rpx 6rpx 12rpx 2rpx rgba(0, 0, 0, 0.16);
					border-radius: 4rpx;
					display: flex;
					justify-content: center;
					align-items: center;
					left: 200rpx;
					margin-top: -14rpx;

					&-tip1 {
						position: absolute;
						width: 60rpx;
						top: -60rpx;
						text-wrap: nowrap;
						height: 37rpx;
						box-shadow: 0rpx 2rpx 12rpx 2rpx rgba(153, 66, 0, 0.3);
						border-radius: 8rpx;
						left: -10rpx;
						display: flex;
						justify-content: center;
						align-items: center;
						color: #fff;
						background: var(--bg);
					}

					&-tip1::after {
						content: '';
						width: 8rpx;
						height: 14rpx;
						box-shadow: 0rpx 2rpx 12rpx 2rpx rgba(153, 102, 0, 0.3);
						margin-top: 37rpx;
						clip-path: polygon(0 100%, 100% 100%, 50% 0);
						transform: rotate(180deg);
						position: absolute;
						bottom: -12rpx;
						background: var(--bg);
					}
				}

				&-tip3::after {
					content: '';
					position: absolute;
					width: 150rpx;
					height: 150rpx;
					background-color: transparent;
				}

				&-tip4 {
					position: absolute;
					width: 32rpx;
					height: 32rpx;
					background: #FFFFFF;
					box-shadow: 0rpx 6rpx 12rpx 2rpx rgba(0, 0, 0, 0.16);
					border-radius: 4rpx;
					left: 140rpx;
					margin-top: -14rpx;
					display: flex;
					justify-content: center;
					align-items: center;

					&-tip2 {
						position: absolute;
						top: -60rpx;
						width: 60rpx;
						text-wrap: nowrap;
						height: 37rpx;
						box-shadow: 0rpx 2rpx 12rpx 2rpx rgba(153, 66, 0, 0.3);
						border-radius: 8rpx 8rpx 8rpx 8rpx;
						left: -10rpx;
						background: var(--bg2);
						display: flex;
						justify-content: center;
						text-align: center;
						align-items: center;
						color: #fff;
					}

					&-tip2::after {
						content: '';
						position: absolute;
						background: var(--bg2);
						width: 8rpx;
						height: 14rpx;
						box-shadow: 0rpx 2rpx 12rpx 2rpx rgba(153, 102, 0, 0.3);
						clip-path: polygon(0 100%, 100% 100%, 50% 0);
						margin-top: 37rpx;
						transform: rotate(180deg);
						bottom: -12rpx;
					}
				}

				&-tip4::after {
					content: '';
					position: absolute;
					width: 150rpx;
					height: 150rpx;
					background-color: transparent;
				}
			}

			&-number {
				width: 654rpx;
				display: flex;
				margin-top: 18rpx;
				font-size: 28rpx;
				font-weight: 600;
				color: #1a1a1a;
				margin-left: 16rpx;

				&>view:nth-child(1) {
					margin-left: -30rpx;
				}

				&>view:nth-child(2) {
					margin-left: 18rpx;
				}

				&>view:nth-child(3) {
					margin-left: 120rpx;
				}

				&>view:nth-child(4) {
					margin-left: 120rpx;
				}

				&>view:nth-child(5) {
					margin-left: 120rpx;
				}

				&>view:nth-child(6) {
					margin-left: 30rpx;
					text-wrap: nowrap;
				}
			}
		}
	}

	.selectJobAge-item {
		width: 690rpx;
		height: 88rpx;
		background: #f2f2f2;
		border-radius: 8rpx;
		margin: 10rpx 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.timeUl {
		width: 340rpx;
		transform-style: preserve-3d;
		padding: 0;

		&>li {
			list-style: none;
			backface-visibility: hidden;
			height: 34rpx;
			text-align: center;
			width: 100%;
		}
	}

	.moreInfo {
		width: 100%;
		height: 98rpx;
		background: #f2f2f2;
		display: flex;
		align-items: center;

		&>text:nth-child(1) {
			margin-left: 30rpx;
			font-size: 32rpx;
			font-weight: bold;
			color: #402110;
			line-height: 45rpx;
		}

		&>image {
			width: 32rpx;
			height: 32rpx;
		}
	}

	.nextPage {
		width: 694rpx;
		height: 88rpx;
		background: #fcc928;
		border-radius: 12rpx;
		margin: 0 auto;
		text-align: center;
		line-height: 88rpx;
		margin-top: 30rpx;
		// margin-left: 30rpx;
		font-size: 36rpx;
		font-weight: bold;
		color: #402110;
	}

	.nextPageNofill {
		width: 694rpx;
		height: 88rpx;
		background: #ababab;
		border-radius: 12rpx;
		margin: 0 auto;
		text-align: center;
		line-height: 88rpx;
		margin-top: 40rpx;
		// margin-left: 30rpx;
		font-size: 36rpx;
		font-weight: bold;
		color: #ffffff;
	}

	.RecommendedItem {
		width: 85%;
		height: 90rpx;
		background-color: #fff;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.RecommendedItem2 {
		// width: 750rpx;
		margin: 0 auto;
		width: 90.4%;
		height: 180rpx;
		background-color: #fff;
		display: flex;
		flex-direction: column;
		align-items: center;

		.gradientBar {
			width: 690rpx;
			height: 6rpx;
			background: linear-gradient(90deg, #ffcf21, #fd4433);
			border-radius: 3rpx;
			position: absolute;
			left: 30rpx;
		}

		.RecommendedBar {
			width: 96%;
			height: 100%;
			// border: 1px solid;
			// height: 48rpx;
			// margin-top: 20rpx;
			display: flex;
			justify-content: center;
			align-items: center;

			.progressMove {
				width: 620rpx;
				height: 8rpx;
				background: linear-gradient(270deg,
						#4e9900 0%,
						#6ba107 var(--end3),
						#fcc928 var(--end3),
						#fcb426 var(--end2),
						#fc6d21 var(--end2),
						#fc431e 100%);
				border-radius: 4px;
				position: relative;

				.pimg-next {
					width: 26rpx;
					height: 17rpx;
					font-size: 28rpx;
					font-family: PingFang SC-Heavy, PingFang SC;
					font-weight: 800;
					color: #707070;
					// line-height: 0px;
					-webkit-background-clip: text;
					// -webkit-text-fill-color: transparent;
				}

				.pimg-next-w {
					position: absolute;
					top: 24rpx;
					left: 8rpx;
				}

				.pimg-next-t {
					position: absolute;
					top: 24rpx;
					left: 132rpx;
				}

				.pimg-next-s {
					position: absolute;
					top: 24rpx;
					right: 32rpx;
				}

				.wages {
					width: 44rpx;
					height: 44rpx;
					border-radius: 50%;
					// background-color: #000;
					position: absolute;
					padding: 50rpx 0;
					top: 50%;
					transform: translateY(-50%);
					transition: all 0.2 ease-in;

					.wages-color {
						width: 130rpx;
						height: 42rpx;
						color: #ffffff;
						box-shadow: 0px 2rpx 12rpx 2rpx rgba(252, 73, 30, 0.3);
						border-radius: 8rpx 8rpx 8rpx 8rpx;
						opacity: 1;
						position: absolute;
						top: -24rpx;
						left: -40rpx;
						text-align: center;
					}

					.wages-color::after {
						content: "";
						width: 0;
						height: 0;
						border-top: 14rpx solid var(--bg);
						border-right: 12rpx solid transparent;
						border-left: 12rpx solid transparent;
						display: block;
						position: absolute;
						bottom: -12rpx;
						margin-left: 50%;
						left: -14rpx;
					}

					.wages-h {
						background: #fcb726 !important;
					}

					.wages-r {
						background: #fc491e !important;
					}

					.wages-z {
						background: #509900 !important;
					}

					.p-img {
						width: 100% !important;
						height: 100% !important;
					}
				}
			}

			.edit-gj-left {
				width: 41%;
				// padding-right: 20rpx;
				// border: 1rpx solid #11BC00;
				font-size: 26rpx;
				color: #000;
			}

			.showTjjgView-gao2 {
				// .showTjjgView;
				// flex: 1;
				// border: 1rpx solid #11BC00;
				display: flex;
				justify-content: center;
				align-items: center;
				height: 100%;

				.showTjjgView-gao2-item {
					display: flex;
					justify-content: flex-end;
					align-items: center;
					// flex: 1;
					padding: 0 10rpx;

					// margin: 0 10rpx;
					// border: 1px solid red;
					.gao2-item-left {
						color: #666;
						font-weight: 600;
						font-size: 24rpx;
						padding-right: 8rpx;
					}

					.gao2-item-right {
						padding: 4rpx 14rpx;
						border: 1px solid;
						border-radius: 6rpx;
						position: relative;

						.tuijian1 {
							position: absolute;
							width: 26rpx;
							height: 66rpx;
							display: flex;
							justify-content: center;
							align-items: center;
							text-align: center;
							font-size: 22rpx;
							background: #fcc928;
							// border-radius: 6rpx;
							border-bottom-right-radius: 6rpx;
							border-bottom-left-radius: 12rpx;
							border-top-left-radius: 6rpx;
							border-top-right-radius: 12rpx;
							left: -1rpx;
							top: -5rpx;
						}

						.yuan-icon {
							font-size: 26rpx;
							font-family: fantasy;
							font-weight: 400;
							color: #11bc00;
						}

						.gj-number {
							font-size: 38rpx;
							font-family: fantasy;
							font-weight: 600;
							color: #11bc00;
						}
					}
				}
			}
		}
	}

	.gradientBarNull {
		width: 100%;
		height: 6rpx;
		background: #f2f2f2;
		border-radius: 3rpx;
	}

	.gradientBar {
		width: 690rpx;
		height: 6rpx;
		background: linear-gradient(90deg, #ffcf21, #fd4433);
		border-radius: 3rpx;
		position: absolute;
		left: 30rpx;
	}

	.RecommendedBar {
		width: 100%;
		height: 48rpx;
		margin-top: 20rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;

		&>text:nth-child(1) {
			color: #ababab;
			font-size: 24rpx;
			font-weight: 500;
			line-height: 45rpx;
		}

		&>text:nth-child(2) {
			margin-left: 6rpx;
			font-size: 24rpx;
			font-weight: 500;
			line-height: 45rpx;
			flex: 1;
		}
	}

	.RecommendedBtn {
		font-size: 24rpx;
		font-weight: 500;
		color: #402110;
		line-height: 45rpx;
		width: 129rpx;
		height: 48rpx;
		background: #fcc928;
		border-radius: 8rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.showTjjgMask {
		width: 100vw;
		height: 100vh;
		background: rgba(0, 0, 0, 0.4);
		pointer-events: auto;
		position: fixed;
		overflow: hidden;
		top: 0;
		z-index: 999;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.showTjjg {
		width: 547rpx;
		height: 582rpx;
		background: #ffffff;
		border-radius: 12rpx;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.showTjjgText {
		font-size: 36rpx;
		font-weight: bold;
		color: #000000;
		line-height: 45rpx;
	}

	.showTjjgWorkTimeText {
		font-size: 24rpx;
		font-weight: 500;
		color: #7f7f7f;
		line-height: 24rpx;
		margin-top: 20rpx;
		margin-bottom: 30rpx;
	}

	.showTjjgView {
		width: 451rpx;
		height: 90rpx;
		border: 2rpx solid #ffb321;
		border-radius: 4rpx;
		margin-bottom: 20rpx;
		display: flex;
		align-items: center;
	}

	.showTjjgView-gao {
		.showTjjgView;
		border: 2rpx solid #11bc00;

		.tuijian {
			width: 78rpx;
			height: 28rpx;
			background: #fcc928;
			border-radius: 15rpx 0;
			position: absolute;
			left: 88rpx;
			transform: translateY(-50rpx);
			justify-content: center;
			align-items: center;
			font-size: 20rpx;
			font-weight: 500;
			color: #402110;
			line-height: 45rpx;
		}

		&>view {
			height: 50rpx;
			width: 395rpx;
			display: flex;
			align-items: flex-end;
			margin-left: 60rpx;

			&>text:nth-child(1) {
				line-height: 28rpx;
				font-size: 28rpx;
				font-weight: bold;
				color: #11bc00;
			}

			&>text:nth-child(2) {
				line-height: 50rpx;
				font-size: 60rpx;
				font-family: Impact;
				font-weight: 400;
				color: #11bc00;
				margin-right: 50rpx;
			}

			&>text:nth-child(3) {
				line-height: 20rpx;
				font-size: 20rpx;
				font-weight: 400;
				color: #11bc00;
				white-space: nowrap;
			}

			&>text:nth-child(4) {
				line-height: 24rpx;
				font-size: 24rpx;
				font-weight: bold;
				color: #11bc00;
				margin-left: 10rpx;
				margin-right: 111rpx;
			}
		}
	}

	.showTjjgView-zhong {
		.showTjjgView;

		&>view {
			height: 50rpx;
			width: 395rpx;
			display: flex;
			align-items: flex-end;
			margin-left: 60rpx;

			&>text:nth-child(1) {
				line-height: 28rpx;
				font-size: 28rpx;
				font-weight: bold;
				color: #ffb321;
			}

			&>text:nth-child(2) {
				line-height: 50rpx;
				font-size: 60rpx;
				font-family: Impact;
				font-weight: 400;
				color: #ffb321;
				margin-right: 50rpx;
			}

			&>text:nth-child(3) {
				line-height: 20rpx;
				font-size: 20rpx;
				font-weight: 400;
				color: #ffb321;
				white-space: nowrap;
			}

			&>text:nth-child(4) {
				line-height: 24rpx;
				font-size: 24rpx;
				font-weight: bold;
				color: #ffb321;
				margin-left: 10rpx;
				margin-right: 111rpx;
			}
		}
	}

	.showTjjgView-di {
		.showTjjgView;
		border: 2rpx solid #fd4733;

		&>view {
			height: 50rpx;
			width: 395rpx;
			display: flex;
			align-items: flex-end;
			margin-left: 60rpx;

			&>text:nth-child(1) {
				line-height: 28rpx;
				font-size: 28rpx;
				font-weight: bold;
				color: #fd4733;
			}

			&>text:nth-child(2) {
				line-height: 50rpx;
				font-size: 60rpx;
				font-family: Impact;
				font-weight: 400;
				color: #fd4733;
				margin-right: 50rpx;
			}

			&>text:nth-child(3) {
				line-height: 20rpx;
				font-size: 20rpx;
				font-weight: 400;
				color: #fd4733;
				white-space: nowrap;
			}

			&>text:nth-child(4) {
				line-height: 24rpx;
				font-size: 24rpx;
				font-weight: bold;
				color: #fd4733;
				margin-left: 10rpx;
				margin-right: 111rpx;
			}
		}
	}

	.minimumWageInfo-image {
		margin-left: 8rpx;
		width: 32rpx;
		height: 32rpx;
	}

	.minimumWageInfo-view {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.baodimask {
		z-index: 998;
		width: 100vw;
		height: 100vh;
		position: fixed;
		top: 0;
		background: rgba(0, 0, 0, 0.4);
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.baodimask-alert {
		width: 630rpx;
		height: 751rpx;
		background: #ffffff;
		border-radius: 20rpx;
	}

	.baodimask-alert-close {
		width: 28rpx;
		height: 28rpx;
		margin: 28rpx;
	}

	.baodimask-alert-content {
		height: 587rpx;
		width: 534rpx;
		margin-top: 20rpx;
		margin-left: 48rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.baodimask-alert-content-alertimage {
		width: 264rpx;
		height: 264rpx;
	}

	.baodimask-alert-content-text {
		margin-top: 79rpx;
		width: 530rpx;
		height: 84rpx;
		font-size: 32rpx;
		font-weight: 500;
		color: #010000;
		line-height: 60rpx;
		text-align: center;
	}

	.baodimask-alert-content-buton {
		width: 534rpx;
		height: 78rpx;
		background: #fcc928;
		border-radius: 8rpx;
		font-size: 32rpx;
		font-weight: bold;
		color: #402110;
		line-height: 78rpx;
		margin-top: 82rpx;
		text-align: center;
	}

	.yk_count {
		// width: 88rpx;
		padding: 0 10rpx;
		height: 40rpx;
		background: linear-gradient(45deg, #ff5628, #ff231c);
		border-radius: 14rpx 14rpx 14rpx 0px;
		font-size: 22rpx;
		font-weight: 400;
		color: #ffffff;
		line-height: 40rpx;
		text-align: center;
		margin-top: -10rpx;
	}

	.miandarao {
		width: 91%;
		height: 116rpx;
		background: #ffffff;
		margin: 20rpx auto 0;
		border-radius: 24rpx 24rpx 24rpx 24rpx;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}

	.miandarao-info {
		margin: 0rpx 0 0 30rpx;
		display: flex;
		flex-direction: column;

		&>text:nth-child(1) {
			font-size: 30rpx;
			font-weight: bold;
			letter-spacing: 1px;
			color: #4e9900;
			line-height: 45rpx;
		}

		&>text:nth-child(2) {
			font-size: 28rpx;
			font-weight: 400;
			color: #11bc00;
			line-height: 45rpx;
		}
	}

	.miandarao-button {
		width: 88rpx;
		height: 48rpx;
		background: #b5b5b5;
		border-radius: 24rpx;
		margin-right: 30rpx;
	}

	.miandarao-button-switch {
		width: 40rpx;
		height: 40rpx;
		background: #ffffff;
		border-radius: 50%;
		position: relative;
		margin: 4rpx;
	}

	.miandarao-button-selected {
		transform: rotate(180deg);
		background: #4e9900 !important;
	}

	.youxian {
		margin-top: 40rpx;
		text-align: left;
		padding-left: 30rpx;
		width: 100%;
		color: #333333;
		font-weight: bold;
		display: flex;
		align-items: center;

		.radio {
			width: 32rpx;
			height: 32rpx;
			border-radius: 6rpx;
			border: 2rpx solid #979797;
			margin-right: 20rpx;
			box-sizing: border-box;
		}

		image {
			width: 32rpx;
			height: 32rpx;
			margin-right: 20rpx;
		}
	}

	.sanjiao {
		border-width: 15rpx 20rpx;
		border-style: dashed dashed solid dashed;
		/*IE6下, 设置余下三条边的border-style为dashed,即可达到透明的效果*/
		border-color: transparent transparent #4c4c4c transparent;
		width: 0;
		height: 0;
		overflow: hidden;
		font-size: 0;
		/*是因为, 虽然宽高度为0, 但在IE6下会具有默认的 */
		line-height: 0;
		margin-left: 36rpx;
		// margin: 0 auto;
	}

	.youxian-qipao {
		margin-left: 30rpx;
		transition: all 0.3s;
		align-self: flex-start;
		width: 376rpx;
		height: 80rpx;
		text-align: center;
		border-radius: 10rpx;
		line-height: 80rpx;
		background-color: rgba(0, 0, 0, 0.7);
		color: #ffffff;
	}

	.he-suan {
		width: 670rpx;
		height: 560rpx;
		background-image: url("../../../static/he-suan-bg.png");
		background-size: 100% 100%;
		background-repeat: no-repeat;
		border-radius: 20rpx;
		display: flex;
		justify-content: center;
		align-items: flex-end;

		.he-suan-box {
			width: 80%;
			height: 50%;
			// border: 1px solid;
			margin-bottom: 60rpx;

			.he-suan-box-bottom {
				display: flex;
				justify-content: center;
				align-items: center;
				padding-top: 60rpx;

				.he-suan-box-bottom-left {
					flex: 1;
					display: flex;
					justify-content: center;
					align-items: center;
					margin: 0 15px;
					height: 78rpx;
					border-radius: 50rpx;
					font-size: 30rpx;
					border: 1px solid;
					color: #36d7a5;
				}
			}

			.he-suan-box-top {
				display: flex;
				justify-content: center;
				align-items: center;

				.he-suan-box-top-left {
					flex: 1;
					display: flex;
					justify-content: center;
					align-items: center;
					margin: 0 12px;
					height: 114rpx;
					border-radius: 10rpx;
					font-size: 44rpx;
					border: 1px solid;
					color: #36d7a5;
				}

				.he-suan-box-top-left2 {
					background: #36d7a5;
					color: #fff;
					padding: 4rpx 8rpx;
				}
			}
		}
	}

	// 键盘
	.most {
		position: fixed;
		bottom: 0;
		width: 100%;
		height: 561rpx;
		background: rgba(0, 0, 0, 0.1);

		&-keyworld {
			position: fixed;
			bottom: 0;
			width: 100%;
			height: 561rpx;
			background: #ffffff;
			z-index: 999;
			border-radius: 15rpx 15rpx 0 0;

			&-title {
				font-size: 28rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: #77818e;
				height: 60rpx;
				display: flex;
				align-items: center;

				&>view {
					display: flex;
					justify-content: center;
					align-items: center;
					height: 60rpx;
				}

				.img {
					margin-left: 254rpx;
				}

				.img,
				.img2 {
					width: 36rpx;
					height: 36rpx;
				}

				.img2 {
					margin-left: 188rpx;
				}
			}

			&-content {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
				margin: 0 12rpx;

				&-item {
					height: 92rpx;
					width: 234rpx;
					margin-top: 14rpx;
					text-align: center;
					display: flex;
					align-items: center;
					justify-content: center;
					box-shadow: 0rpx 2rpx 0rpx 2rpx rgba(73, 77, 85, 0.3);
					background: #f2f4f8;
					font-size: 50rpx;
					border-radius: 10rpx;
				}
			}
		}
	}

	// 键盘动画
	.slideInUp {
		animation: slideInUp 0.3s ease-in both;
	}

	.slideInDown {
		animation: slideInDown 0.3s ease-out both;
	}

	@keyframes slideInUp {
		from {
			-webkit-transform: translate3d(0, 100%, 0);
			transform: translate3d(0, 100%, 0);
			visibility: visible;
		}

		to {
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}
	}

	@keyframes slideInDown {
		from {
			transform: translate3d(0, 0, 0);
		}

		to {
			-webkit-transform: translate3d(0, 100%, 0);
			transform: translate3d(0, 100%, 0);
			visibility: visible;
		}
	}

	.yk-jianmian {
		// width: 440rpx;
		// height: 286rpx;
		// background-color: rgba(0, 0, 0, .6);
		width: 100vw;
		height: 100vh;
		background-color: rgba(0, 0, 0, 0.7);
		border-radius: 12rpx;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999999999999;
		// top: 50%;
		// left: 50%;
		// transform: translate(-50%, -50%);
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;

		.image {
			width: 104rpx;
			height: 104rpx;
			margin-top: 40rpx;
		}
	}

	.coverview {
		width: 100vw;
		height: 100vh;
		background-color: rgba(0, 0, 0, 0.3);
		border-radius: 12rpx;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999999999999;
	}

	.yk-jianmian-title {
		margin-top: 28rpx;
		font-size: 32rpx;
		font-weight: bold;
		color: #ffffff;
		line-height: 46rpx;
	}

	.yk-jianmian-cardNumber {
		font-size: 24rpx;
		font-weight: 400;
		color: #ffffff;
		line-height: 50rpx;
	}

	.showYkJianmianTime {
		font-size: 28rpx;
		font-weight: 400;
		color: #ffffff;
		line-height: 120rpx;
	}

	.gongjia {
		letter-spacing: 2rpx;
		width: 108rpx;
		position: absolute;
		right: 26px;
		height: 68rpx;
		background: #ffffff;
		border-radius: 6rpx 6rpx 6rpx 6rpx;
		text-align: center;
		opacity: 1;
		border: 2rpx solid #a5a5a5;
		text-align: center;
	}

	.color1 {
		color: #ababab;
	}

	.color2 {
		color: #e65437;
	}

	.btnAge {
		display: flex;
		justify-content: space-between;
		margin: 70rpx auto;
		width: 694rpx;

		&>view {
			display: flex;
			justify-content: center;
			align-items: center;
		}

		&>view:nth-child(1) {
			width: 160rpx;
			height: 88rpx;
			border-radius: 12rpx;
			opacity: 1;
			border: 2rpx solid #7f7f7f;
			color: #7f7f7f;
			font-size: 28rpx;
		}

		&>view:last-child {
			width: 516rpx;
			height: 90rpx;
			background: #fcc928;
			box-shadow: 2rpx 12rpx 24rpx 2rpx rgba(252, 201, 40, 0.4);
			border-radius: 12rpx;
			opacity: 1;
			font-size: 36rpx;
			font-weight: bold;
		}
	}

	.bgRed {
		color: rgba(255, 0, 0, 1);
		font-size: 36rpx;
		font-weight: bold;
		margin-left: 18rpx;
	}
</style>